@charset "UTF-8";
@media all and (min-width: 1024px) {
  .col-md-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-1-7 {
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
  }
  .col-md-1-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media all and (max-width: 1024px) {
  .col-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-1-7 {
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
  }
  .col-1-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

/* Links */
a {
  transition: all linear 0.3s;
}

a:hover, a:focus, a:active {
  color: #6DAD19;
}

.sf-com-expand-link .link {
  color: #669ACC;
}

.sf-com-expand-link .link:hover, .sf-com-expand-link .link:focus, .sf-com-expand-link .link:active {
  text-decoration: none;
  color: #6DAD19;
}

.sf-com-expand-link .link:hover .icon, .sf-com-expand-link .link:focus .icon, .sf-com-expand-link .link:active .icon {
  border-color: #6DAD19;
  background-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-expand-link .exp, .sf-com-expand-link .clp {
  display: flex;
  font-weight: 100;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  transition: all ease-out 0.3s;
}

.sf-com-expand-link .clp {
  display: none;
}

.sf-com-expand-link .icon {
  border: 1px solid #669ACC;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 2.2em;
  width: 2.2em;
  margin-left: 0.8em;
  transition: all ease-out 0.3s;
}

.sf-com-expand-link .icon span {
  font-size: 1em;
}

.sf-com-expand-link.active .exp {
  display: none;
}

.sf-com-expand-link.active .clp {
  display: flex;
}

.sf-com-arrow-link {
  display: flex;
}

.sf-com-arrow-link .link {
  color: #454545;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  justify-content: flex-start;
  align-items: center;
  font-size: 1em;
  text-decoration: none;
}

.sf-com-arrow-link .link .text {
  transition: all linear 0.3s;
}

.sf-com-arrow-link .link .icon {
  background-color: #6DAD19;
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  font-size: 1.3em;
  margin-left: 0.6em;
  height: 2em;
  line-height: 2em;
  width: 2em;
  text-align: center;
  transition: all linear 0.3s;
}

.sf-com-arrow-link .link:hover .text, .sf-com-arrow-link .link:focus .text, .sf-com-arrow-link .link:active .text {
  color: #6DAD19;
}

.sf-com-arrow-link .link:hover .icon, .sf-com-arrow-link .link:focus .icon, .sf-com-arrow-link .link:active .icon {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  font-weight: 600;
  margin-left: 0.9em;
}

/* Buttons */
.sf-cross-btn {
  cursor: pointer;
  background-color: #669ACC;
  display: inline-block;
  font-size: 16px;
  height: 3.5em;
  line-height: 3.5em;
  padding: 0 6em 0 1.5em;
  position: relative;
  z-index: 0;
  text-decoration: none;
}

.sf-cross-btn span {
  color: #FFFFFF;
  display: block;
  font-weight: 200;
  text-transform: uppercase;
  transition: color 0.3s ease;
  text-decoration: none;
  position: relative;
  z-index: 1;
}

.sf-cross-btn em {
  position: absolute;
  height: 1px;
  background: #FFFFFF;
  width: 4em;
  right: 1.5em;
  top: 50%;
  transform: scaleX(0.3);
  transform-origin: center right;
  transition: all 0.3s ease;
  z-index: 1;
}

.sf-cross-btn:before, .sf-cross-btn:after {
  content: '';
  background: #FFFFFF;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-cross-btn:before {
  top: 0;
  left: 0;
  right: auto;
}

.sf-cross-btn:after {
  bottom: 0;
  right: 0;
  left: auto;
}

.sf-cross-btn:hover {
  text-decoration: none;
}

.sf-cross-btn:hover:before {
  width: 100%;
  right: 0;
  left: auto;
}

.sf-cross-btn:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}

.sf-cross-btn:hover span {
  color: #6DAD19;
}

.sf-cross-btn:hover em {
  background: #6DAD19;
  transform: scaleX(1);
}

.sf-cross-btn.type-white {
  background-color: #FFFFFF;
}

.sf-cross-btn.type-white span {
  color: #669ACC;
}

.sf-cross-btn.type-white em {
  background-color: #669ACC;
}

.sf-cross-btn.type-white::before, .sf-cross-btn.type-white::after {
  background-color: #6DAD19;
}

.sf-cross-btn.type-white:hover, .sf-cross-btn.type-white:focus, .sf-cross-btn.type-white:active {
  background-color: #6DAD19;
}

.sf-cross-btn.type-white:hover span, .sf-cross-btn.type-white:focus span, .sf-cross-btn.type-white:active span {
  color: #FFFFFF;
}

.sf-cross-btn.type-white:hover em, .sf-cross-btn.type-white:focus em, .sf-cross-btn.type-white:active em {
  background-color: #FFFFFF;
}

.sf-cross-btn.type-blue {
  background-color: #003466;
}

.sf-cross-btn.type-blue span {
  color: #FFFFFF;
}

.sf-cross-btn.type-blue em {
  background-color: #FFFFFF;
}

.sf-cross-btn.type-blue::before, .sf-cross-btn.type-blue::after {
  background-color: #6DAD19;
}

.sf-cross-btn.type-blue:hover span, .sf-cross-btn.type-blue:focus span, .sf-cross-btn.type-blue:active span {
  color: #FFFFFF;
}

.sf-cross-btn.type-blue:hover em, .sf-cross-btn.type-blue:focus em, .sf-cross-btn.type-blue:active em {
  background-color: #FFFFFF;
}

.sf-play-btn {
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  color: #FFFFFF;
  display: inline-block;
  font-size: 0;
  line-height: 40px;
  text-align: center;
  height: 50px;
  width: 50px;
  position: relative;
}

.sf-play-btn span {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -11px;
}

.sf-play-btn:hover, .sf-play-btn:active {
  background-color: #FFFFFF;
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.sf-simple-button {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: inline-block;
  font-size: 16px;
  font-weight: 200;
  min-width: 8em;
  padding: 0.7em;
  position: relative;
  text-decoration: none;
  text-align: center;
}

.sf-simple-button::after {
  background-color: rgba(109, 173, 25, 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  transition: all linear 0.15s;
  z-index: -1;
}

.sf-simple-button:hover, .sf-simple-button:active {
  color: #FFFFFF !important;
  border-color: #6DAD19 !important;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
}

.sf-simple-button:hover::after, .sf-simple-button:active::after {
  background-color: #6dad19;
  width: 100%;
  transition: all linear 0.2s;
}

.sf-go-button {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: right ease-out 0.2s;
}

.sf-go-button:hover, .sf-go-button:focus, .sf-go-button:active {
  text-decoration: none;
}

.sf-go-button:hover .icon, .sf-go-button:focus .icon, .sf-go-button:active .icon {
  background-color: #6DAD19;
  border-color: #6DAD19;
  color: #FFFFFF;
}

.sf-go-button .icon {
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  margin-left: 1em;
  transition: all linear 0.15s;
}

.sf-go-button .icon span {
  font-size: 1.6em;
  font-weight: bold;
}

.sf-com-video-play-button {
  font-size: 10px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 7em;
  width: 7em;
  position: relative;
}

.sf-com-video-play-button img {
  display: block;
  width: 40%;
  height: 55%;
  margin-left: 10%;
  max-height: 100%;
  position: relative;
  z-index: 5;
}

.sf-com-video-play-button::before {
  content: " ";
  background-color: rgba(255, 255, 255, 0);
  display: block;
  height: 0;
  width: 0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all linear 0.15s;
  transform: scale(1);
  z-index: 1;
}

.sf-com-video-play-button::after {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.sf-com-video-play-button:hover::before, .sf-com-video-play-button:focus::before, .sf-com-video-play-button:active::before {
  background-color: rgba(0, 0, 0, 0.3);
  height: 8em;
  width: 8em;
  margin-top: -4em;
  margin-left: -4em;
}

.sf-com-video-play-button:hover::after, .sf-com-video-play-button:focus::after, .sf-com-video-play-button:active::after {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

/* Backgrounds */
.sf-bg-block-blue {
  background-color: #EAF1FD;
}

.sf-bg-block-blue:before, .sf-bg-block-blue:after {
  content: " ";
  display: table;
}

.sf-bg-block-blue:after {
  clear: both;
}

.sf-bg-block-blue + .sf-bg-block-blue > [class^=sf-com] {
  padding-top: 40px;
}

.sf-bg-block-blue + .sf-bg-block-blue[class^=sf-com] {
  padding-top: 0;
}

.sf-bg-block-blue-fog {
  background-color: #f2f9fd;
}

.sf-bg-block-blue-fog:before, .sf-bg-block-blue-fog:after {
  content: " ";
  display: table;
}

.sf-bg-block-blue-fog:after {
  clear: both;
}

.sf-bg-block-blue-fog + .sf-bg-block-blue-fog > [class^=sf-com] {
  padding-top: 40px;
}

.sf-bg-block-blue-fog + .sf-bg-block-blue-fog[class^=sf-com] {
  padding-top: 0;
}

.sf-bg-block-gray {
  background-color: #EFF2F7;
}

.sf-bg-block-gray:before, .sf-bg-block-gray:after {
  content: " ";
  display: table;
}

.sf-bg-block-gray:after {
  clear: both;
}

.sf-bg-block-gray + .sf-bg-block-gray > [class^=sf-com] {
  padding-top: 40px;
}

.sf-bg-block-gray + .sf-bg-block-gray[class^=sf-com] {
  padding-top: 0;
}

.sf-bg-block-gray-sky {
  background-color: #eff2f7;
}

.sf-bg-block-gray-sky:before, .sf-bg-block-gray-sky:after {
  content: " ";
  display: table;
}

.sf-bg-block-gray-sky:after {
  clear: both;
}

.sf-bg-block-gray-sky + .sf-bg-block-gray-sky > [class^=sf-com] {
  padding-top: 40px;
}

.sf-bg-block-gray-sky + .sf-bg-block-gray-sky[class^=sf-com] {
  padding-top: 0;
}

.sf-bg-block-gray-fog {
  background-color: #f5f8ff;
}

.sf-bg-block-gray-fog:before, .sf-bg-block-gray-fog:after {
  content: " ";
  display: table;
}

.sf-bg-block-gray-fog:after {
  clear: both;
}

.sf-bg-block-gray-fog + .sf-bg-block-gray-fog > [class^=sf-com] {
  padding-top: 40px;
}

.sf-bg-block-gray-fog + .sf-bg-block-gray-fog[class^=sf-com] {
  padding-top: 0;
}

.sf-bg-block-skyblue {
  background-color: #28547E;
}

.sf-bg-block-skyblue:before, .sf-bg-block-skyblue:after {
  content: " ";
  display: table;
}

.sf-bg-block-skyblue:after {
  clear: both;
}

.sf-bg-block-skyblue + .sf-bg-block-skyblue > [class^=sf-com] {
  padding-top: 40px;
}

.sf-bg-block-skyblue + .sf-bg-block-skyblue[class^=sf-com] {
  padding-top: 0;
}

.sf-bg-block-deepblue {
  background-color: #043564;
}

.sf-bg-block-deepblue:before, .sf-bg-block-deepblue:after {
  content: " ";
  display: table;
}

.sf-bg-block-deepblue:after {
  clear: both;
}

.sf-bg-block-deepblue + .sf-bg-block-deepblue > [class^=sf-com] {
  padding-top: 40px;
}

.sf-bg-block-deepblue + .sf-bg-block-deepblue[class^=sf-com] {
  padding-top: 0;
}

.sf-bg-block-blue-to-none {
  background: linear-gradient(to bottom, #EAF1FD 0%, #EAF1FD 55%, rgba(0, 0, 0, 0) 55.01%, rgba(0, 0, 0, 0) 100%);
}

.sf-bg-block-blue-to-none:before, .sf-bg-block-blue-to-none:after {
  content: " ";
  display: table;
}

.sf-bg-block-blue-to-none:after {
  clear: both;
}

.sf-bg-block-blue-to-none + .sf-bg-block-blue-to-none > [class^=sf-com] {
  padding-top: 40px;
}

.sf-bg-block-blue-to-none + .sf-bg-block-blue-to-none[class^=sf-com] {
  padding-top: 0;
}

/* Background Images */
.sf-block-background {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.sf-block-background .sf-block-background-image {
  display: none;
}

.sf-block-background::after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  z-index: 1;
}

.sf-block-background.sf-block-background-filter-blue-gray::after {
  background-color: #2A4257;
  background: linear-gradient(to right, #124595 0%, #2A4460 50%, #2A4460 55%, #314a60 100%);
}

.sf-block-background.sf-block-background-filter-white::after {
  background-color: #FFFFFF;
}

.sf-block-background.sf-block-background-filter-purple::after {
  background-color: #352B59;
}

/* Clearfix */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* Container */
.sf-container {
  box-sizing: border-box;
  font-family: "open sans", "PingFangSC-Light", "PingFangSC-Regular", "PingFangSC", "Microsoft YaHei", sans-serif;
  margin: 0 auto;
  width: 1480px;
  max-width: 90%;
  padding: 0 15px;
}

.sf-container:before, .sf-container:after {
  content: " ";
  display: table;
}

.sf-container:after {
  clear: both;
}

.sf-container .sf-container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

/* Image transform */
.sf-trans-img {
  transition: transform linear 2.5s;
}

.sf-trans-img:hover, .sf-trans-img:active {
  transform: scale(1.1);
}

.sf-trans-bg-img {
  transition: background-image linear 2s;
}

.sf-trans-bg-img:hover, .sf-trans-bg-img:active {
  background-size: 110% !important;
}

/* Animated Icon */
.sf-ani-menu,
.sf-ani-menu .menu-active {
  display: block;
  width: 1.5em;
  height: 2px;
  background-color: #454545;
  position: relative;
}

.sf-ani-menu::before, .sf-ani-menu::after,
.sf-ani-menu .menu-active::before,
.sf-ani-menu .menu-active::after {
  background-color: #454545;
  content: " ";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
}

.sf-ani-menu::before,
.sf-ani-menu .menu-active::before {
  top: -0.5em;
}

.sf-ani-menu::after,
.sf-ani-menu .menu-active::after {
  bottom: -0.5em;
  width: 80%;
}

.sf-ani-menu {
  transition: background-color linear 0.3s;
}

.sf-ani-menu::before, .sf-ani-menu::after {
  transition: background-color linear 0.3s;
}

.sf-ani-menu .menu-active {
  background-color: #6DAD19;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 0;
  transition: all linear 0.3s;
}

.sf-ani-menu .menu-active::before, .sf-ani-menu .menu-active::after {
  background-color: #6DAD19;
  width: 0;
}

.sf-ani-menu .menu-active::before {
  transition: all linear 0.15s;
}

.sf-ani-menu .menu-active::after {
  transition: all linear 0.45s;
}

a:hover .sf-ani-menu {
  background-color: #D4FF06;
}

a:hover .sf-ani-menu::before, a:hover .sf-ani-menu::after {
  background-color: #D4FF06;
}

a:hover .sf-ani-menu .menu-active {
  width: 100%;
}

a:hover .sf-ani-menu .menu-active::before {
  width: 100%;
}

a:hover .sf-ani-menu .menu-active::after {
  width: 80%;
}

/* SVG icons */
[class^=xsf-com-teaser] .icon .svg-image {
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
  border-radius: 50%;
  transition: all linear 0.3s;
}

[class^=xsf-com-teaser]:hover .icon .svg-image, [class^=xsf-com-teaser]:active .icon .svg-image {
  box-shadow: 0 0 0 6px white;
}

/* Image position patch */
.center-position-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.center-position-image img {
  flex-shrink: 0;
  flex-grow: 0;
}

.image-replacer {
  background-size: 100% 100% !important;
}

@media screen and (max-width: 1024px) {
  h1, .sf-h1 {
    font-size: 36px;
    font-weight: 400;
  }
  h2, .sf-h2 {
    font-size: 22px;
    font-weight: 400;
  }
  h3, .sf-h3 {
    font-size: 18px;
    font-weight: 400;
  }
  h4, .sf-h4 {
    font-size: 16px;
    font-weight: 400;
  }
  h5, h6 {
    font-size: 14px;
    font-weight: 400;
  }
  [class^=order-] {
    order: unset;
  }
  .order-m-0 {
    order: 0;
  }
  .order-m-1 {
    order: 1;
  }
  .order-m-2 {
    order: 2;
  }
  .order-m-3 {
    order: 3;
  }
  .order-m-4 {
    order: 4;
  }
  .order-m-5 {
    order: 5;
  }
  .sf-container {
    padding: 0 0 0 0;
    max-width: 100%;
  }
  .sf-cross-btn {
    height: 2.8em;
    line-height: 2.8em;
  }
  .sf-com-video-play-button {
    font-size: 8px;
  }
  .sf-com-video-play-button img {
    margin-left: 8%;
  }
  .sf-block-background .sf-block-background-image.as-image-on-mobile {
    display: block;
    margin: 10px 0;
    width: 100%;
  }
}

html[data-useragent*='Trident'] img {
  flex-grow: 0;
  flex-shrink: 0;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-basic {
  padding: 90px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-basic {
    padding: 40px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-header {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  transition: top linear 0.3s; z-index:9999999
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-nav-menu-opened {
  height: 100%;
  overflow: hidden;
}

.sf-com-menu-wrapper {
  position: relative;
}

.sf-com-menu {
  background-color: #fff; 
}

.sf-com-menu .content {
  position: relative;
}

.sf-com-menu .content .sf-com-searchbox {
  /* background-color: #F0F0F0; */
  padding: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  left: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 20;
  transition: all linear 0.5s;
}

.sf-com-menu .content .menu-item {
  transition: opacity linear 0.2s;
}

.sf-com-menu .content .m-menu-link {
  display: none;
}

.sf-com-menu.opened .content .sf-com-searchbox {
  left: 10px;
  width: auto;
}

.sf-com-menu.opened .content .sf-com-searchbox .content {
  width: 100%;
}

.sf-com-menu.opened .content .sf-com-searchbox .content .input-group {
  width: 70%;
}

.sf-com-menu.opened .content .menu-item {
  opacity: 0;
}

.sf-com-menu .logo {
  display: block;
  font-size: 0;
  height: 1rem;
  line-height: 1rem;
  margin: 0;
  margin-right: 0.3rem;
  text-decoration: none;
}

.sf-com-menu .logo:hover, .sf-com-menu .logo:focus, .sf-com-menu .logo:active {
  text-decoration: none;
}

.sf-com-menu .logo h1, .sf-com-menu .logo h2, .sf-com-menu .logo h3, .sf-com-menu .logo h4, .sf-com-menu .logo h5, .sf-com-menu .logo h6 {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.sf-com-menu .logo img {
  display: inline-block;
  height: 0.6rem;
  width: auto;
}

.sf-com-menu .menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

.sf-com-menu .menu-list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0 0;
}

.sf-com-menu .menu-list .list-item .link {
  color: #333;
  font-size: 0.18rem;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  position: relative;
  text-decoration: none;
}

.sf-com-menu .menu-list .list-item .link .sf-ani-menu {
  margin-right: 10px;
}

.sf-com-menu .menu-list .list-item .link:hover, .sf-com-menu .menu-list .list-item .link:active 
{
    height:97%;
  border-bottom: 0.04rem solid #496b86;
  color: #496b86;
}

.sf-com-menu .menu-list .list-item .link.direct-link {
  padding-right: 2em;
}

.sf-com-menu .menu-list .list-item .link.direct-link::before {
  content: "\e732";
  font-size: 1em;
  font-weight: 200;
  font-family: themify;
  position: absolute;
  top: 50%;
  right: 0.5em;
  margin-top: -0.5em;
  line-height: 1;
}

.sf-com-menu .menu-list .list-item .link.direct-link::after {
  display: none;
}

.sf-com-menu .shortcut-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.sf-com-menu .shortcut-list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.sf-com-menu .shortcut-list .list-item .link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 200;
  position: relative;
  padding: 0 7px;
  height: 100%;
}

.sf-com-menu .shortcut-list .list-item .link img {
  display: flex;
  flex-shrink: 0;
  height: 24px;
  transition: all linear 0.3s;
  filter: grayscale(1) brightness(0);
}

.sf-com-menu .shortcut-list .list-item .link:hover, .sf-com-menu .shortcut-list .list-item .link:active {
  background-color: #EAEAEA;
}

.sf-com-menu .shortcut-list .list-item .link:hover img, .sf-com-menu .shortcut-list .list-item .link:active img {
  filter: grayscale(0) brightness(1);
}

.sf-com-menu .shortcut-list .list-item .link.active img {
  filter: grayscale(0) brightness(1);
}

.sf-com-menu .shortcut-list .list-item .header-information{
  display: flex;
  margin-left: 0.2rem;
}
.sf-com-menu .shortcut-list .list-item .header-information-tel img{
  height: 0.31rem;
  margin-top: 0.06rem;
  margin-right: 0.2rem;
}

.sf-com-menu .shortcut-list .list-item .header-information-number{font-size: 0.14rem; color: #666666;}
.sf-com-menu .shortcut-list .list-item .header-information-number span{font-size: 0.18rem; color: #496b86; font-weight: bold;}

@media screen and (min-width: 1300px) {
  .sf-com-menu .content .menu-list .list-item {
    margin: 0 7px;
  }
}

  @media screen and (max-width: 1024px) {
    .sf-com-menu .content .logo img {
      height: 40px;
      margin: 14px 20px;
    }
  .sf-com-menu .content .sf-com-searchbox {
    position: absolute;
    left: 0;
    bottom: auto;
    top: 0;
    width: 100%;
    z-index: -1;
    transition: all linear 0.3s;
  }
  .sf-com-menu .content .sf-com-searchbox .content {
    width: 100%;
  }
  .sf-com-menu .content .sf-com-searchbox .content .input-group {
    border: none;
    width: 100%;
  }
  .sf-com-menu .content .sf-com-searchbox .content .close {
    display: none;
  }
  .sf-com-menu .content .menu-item-links .menu-list {
    display: none;
  }
  .sf-com-menu .content .m-menu-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px 0 15px;
  }
  .sf-com-menu.m-search-opened .content .sf-com-searchbox {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    top: 100%;
  }
}


@media screen and (max-width: 576px) {
  .sf-com-menu .content .sf-com-searchbox .content{
    padding: 0.1rem;
    background: #fff;
  }
  .sf-com-menu .content .sf-com-searchbox .content input{
    border:0.02rem solid #496b86;
    height: 0.5rem;
  }
.sf-com-menu .shortcut-list .list-item .header-information{display: none;}
  .sf-com-menu .logo{
    margin-right: 0;
  }
  .sf-com-menu .content .logo img {
    height: 0.65rem;
    margin: 0 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-cascading-menu {
  background-color: #454545;
  background: linear-gradient(to right, #496b86 0%, #496b86 50%, #f2f2f2 50%, #f2f2f2 100%);
  font-weight: 200;
  position: absolute;
  top: 1rem;
  right: 0;
  left: 0;
}

.sf-com-cascading-menu .content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 0;
  overflow: hidden;
  transition: all linear 0.2s;
}

.sf-com-cascading-menu .m-menu-nav {
  display: none;
}

.sf-com-cascading-menu .menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-cascading-menu .menu-list .list-item .link {
  border-bottom: 4px solid transparent;
  display: block;
  padding: 0 0.4rem 0 0.7rem;
  line-height: 0.6rem;
  position: relative;
  text-decoration: none;
}

.sf-com-cascading-menu .menu-list .list-item .link::after {
  content: " ";
  display: block;
  height: 0.4em;
  width: 0.4em;
  border: 1px solid #FFFFFF;
  border-left: none;
  border-bottom: none;
  position: absolute;
  top: 50%;
  right: 0.55rem;
  margin-top: -0.25em;
  transform: rotate(45deg);
}

.sf-com-cascading-menu .level-1 .menu-list .list-item .link::after {

  border: 1px solid #000;
  border-left: none;
  border-bottom: none;
  }

  .sf-com-cascading-menu .menu-list .list-item .link:hover::after, .sf-com-cascading-menu .menu-list .list-item .link.active::after {
    border-color: #FFFFFF;
  }
  .sf-com-cascading-menu .menu-list .level-1 .list-item .link:hover::after, .sf-com-cascading-menu .level-1 .menu-list .list-item .link.active::after {
    border-color: #FFFFFF;
    border: 1px solid #000;
    border-left: none;
    border-bottom: none;
  }

.sf-com-cascading-menu .menu-list .list-item .link.direct-link::before {
  content: "\e732";
  font-size: 1em;
  font-weight: 200;
  font-family: themify;
  position: absolute;
  top: 50%;
  right: 0.55rem;
  margin-top: -0.5em;
  line-height: 1;
}

.sf-com-cascading-menu .menu-list .list-item .link.direct-link::after {
  display: none;
}

.sf-com-cascading-menu .level-0,
.sf-com-cascading-menu .level-1,
.sf-com-cascading-menu .level-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  overflow: hidden;
}

.sf-com-cascading-menu .level-0,
.sf-com-cascading-menu .level-1 {
  width: 20%;
}

.sf-com-cascading-menu .level-2 {
  width: 60%;
}
.sf-com-cascading-menu .level-0 .menu-list .list-item .link{
  color: #fff;
}
.sf-com-cascading-menu .level-0 .menu-list .list-item .link.active, .sf-com-cascading-menu .level-0 .menu-list .list-item .link:hover, .sf-com-cascading-menu .level-0 .menu-list .list-item .link:active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

.sf-com-cascading-menu .level-0 .menu-list .seperator {
  position: relative;
  height: 40px;
}

.sf-com-cascading-menu .level-0 .menu-list .seperator::after {
  background-color: rgba(255, 255, 255, 0.35);
  content: " ";
  display: block;
  height: 1px;
  width: 90%;
  position: absolute;
  left: 5%;
  top: 50%;
}

.sf-com-cascading-menu .level-1 {
  background-color: #f2f2f2;
}

.sf-com-cascading-menu .level-1 .menu-list {
  display: none;
  color: #333;
}

.sf-com-cascading-menu .level-1 .menu-list.active {
  display: block;
}

.sf-com-cascading-menu .level-1 .link.active, .sf-com-cascading-menu .level-1 .link:hover, .sf-com-cascading-menu .level-1 .link:active {
  background-color: #fff;
  color: #333;
}

.sf-com-cascading-menu .level-2 {
  background-color: #fff;
  flex-grow: 1;
  padding-left: 35px;
}

.sf-com-cascading-menu .level-2 .menu-block {
  display: none;
}

.sf-com-cascading-menu .level-2 .menu-block.active {
  display: block;
}

.sf-com-cascading-menu .menu-block .block-heading {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 2em;
  line-height: 1;
  padding-bottom: 40px;
}

.sf-com-cascading-menu .menu-block .block-heading .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-cascading-menu .menu-block .block-heading .link {
  font-size: 0.4em;
  margin-left: 15px;
}

.sf-com-cascading-menu .menu-block .link-list {
  margin-bottom: 30px;
}

.sf-com-cascading-menu .menu-block .link-list .list-heading {
  font-size: 1.2em;
  line-height: 1;
  padding-bottom: 10px;
}

.sf-com-cascading-menu .menu-block .link-list .list-heading .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-cascading-menu .menu-block .link-list .list-body {
  font-size: 0.9em;
}

.sf-com-cascading-menu .menu-block .link-list .list-body ul, .sf-com-cascading-menu .menu-block .link-list .list-body ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-cascading-menu .menu-block .link-list .list-body ul li, .sf-com-cascading-menu .menu-block .link-list .list-body ol li {
  line-height: 2;
  padding-right: 1em;
}

.sf-com-cascading-menu .menu-block .link-list .list-body ul li a, .sf-com-cascading-menu .menu-block .link-list .list-body ol li a {
  color: #666666;
}

.sf-com-cascading-menu .menu-block .link-list .list-body ul li a:hover, .sf-com-cascading-menu .menu-block .link-list .list-body ul li a:active, .sf-com-cascading-menu .menu-block .link-list .list-body ol li a:hover, .sf-com-cascading-menu .menu-block .link-list .list-body ol li a:active {
  color: #6DAD19;
}

.sf-com-cascading-menu .menu-block .link-list.type-2 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 30px;
}

.sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ul, .sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ol {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ul li, .sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ol li {
  width: 33.33%;
}

.sf-com-cascading-menu .menu-block .link-block-list {
  margin-bottom: 30px;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body ul, .sf-com-cascading-menu .menu-block .link-block-list .list-body ol {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  list-style-type: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body ul li, .sf-com-cascading-menu .menu-block .link-block-list .list-body ol li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
  margin-bottom: 20px;
  width: 50%;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block {
  display: block;
  padding: 10px 15px;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-title {
  font-weight: 400;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-body {
  padding: 1em 0;
  font-size: 0.9em;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-footer .link {
  display: inline-block;
  color: #454545;
  border: 1px solid #454545;
  padding: 0.4em 1.5em;
  font-size: 0.9em;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-footer .link:hover, .sf-com-cascading-menu .menu-block .link-block-list .list-body .link-block .block-footer .link:active {
  background-color: #454545;
  color: #FFFFFF;
  text-decoration: none;
}

.sf-com-cascading-menu .menu-block .link-block-list .list-footer .link {
  color: #6DAD19;
}

.sf-com-cascading-menu .menu-block .link-block-list.type-2 .list-body ol li, .sf-com-cascading-menu .menu-block .link-block-list.type-2 .list-body ul li {
  margin-bottom: 0;
  padding: 10px 0;
  width: 100%;
}

.sf-com-cascading-menu .menu-block .link-block-list.type-2 .link-block {
  color: #454545;
  padding: 0; width:45%; line-height:24px
}

.sf-com-cascading-menu .menu-block .link-block-list.type-2 .link-block:hover, .sf-com-cascading-menu .menu-block .link-block-list.type-2 .link-block:active {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-cascading-menu .menu-block .link-block-list.type-2 .link-block .block-body {
  padding: 0.3em 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic {
  background-color: transparent;
  display: block;
  margin: 15px 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic:hover, .sf-com-cascading-menu .menu-block .sf-com-card-basic:focus, .sf-com-cascading-menu .menu-block .sf-com-card-basic:active {
  box-shadow: none;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content {
  height: 200px;
  flex-direction: column;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content .sf-com-motional-image {
  margin-bottom: 19px;
  width: 100%;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content .basic-card .card-heading {
  line-height: 1;
  padding: 5px 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content .basic-card .card-heading .title {
  font-size: 1em;
  margin: 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-basic .content .basic-card .card-body {
  font-size: 14px;
  padding: 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link {
  margin-bottom: 20px;
  padding-top: 0;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content {
  height: 150px;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content .sf-com-motional-image {
  width: 100%;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content .intro {
  padding: 10px 15px;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content .intro .main {
  font-size: 1em;
}

.sf-com-cascading-menu .menu-block .sf-com-card-info-link .content .intro .sub {
  font-size: 0.8em;
}

.sf-touch-device .sf-com-cascading-menu .level-0,
.sf-touch-device .sf-com-cascading-menu .level-1,
.sf-touch-device .sf-com-cascading-menu .level-2 {
  overflow-x: hidden;
  overflow-y: scroll;
}

@media screen and (max-width: 1024px) {
  .sf-com-cascading-menu {
    background: #000;
  }
  .sf-com-cascading-menu .menu-content {
    display: block;
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
  }
  .sf-com-cascading-menu .m-menu-nav {
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 90;
  }
  .sf-com-cascading-menu .m-menu-nav .back,
  .sf-com-cascading-menu .m-menu-nav .close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #454545;
    font-size: 20px;
    text-decoration: none;
    height: 50px;
    width: 50px;
  }
  .sf-com-cascading-menu .m-menu-nav .title {
    color: #454545;
    display: block;
    font-size: 16px;
    font-weight: 200;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sf-com-cascading-menu .level-0,
  .sf-com-cascading-menu .level-1,
  .sf-com-cascading-menu .level-2 {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    display: block;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 52px 0 15px 0;
    position: absolute;
    top: 0;
    left: 150%;
    transition: left linear 0.3s;
  }
  .sf-com-cascading-menu .level-0 .menu-list .seperator::after,
  .sf-com-cascading-menu .level-1 .menu-list .seperator::after,
  .sf-com-cascading-menu .level-2 .menu-list .seperator::after {
    background-color: rgba(0, 0, 0, 0);
  }
  .sf-com-cascading-menu .level-0 .menu-list .list-item,
  .sf-com-cascading-menu .level-1 .menu-list .list-item,
  .sf-com-cascading-menu .level-2 .menu-list .list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .sf-com-cascading-menu .level-0 .menu-list .list-item .link,
  .sf-com-cascading-menu .level-1 .menu-list .list-item .link,
  .sf-com-cascading-menu .level-2 .menu-list .list-item .link {
    border-bottom: none;
    border-left: 4px solid transparent;
    padding: 0.8em 1.5em 0.8em 1em;
  }
  .sf-com-cascading-menu .level-1 .menu-list .list-item .link{
    color: #333;
  }
  .sf-com-cascading-menu .level-0 .menu-list .list-item .link.active,
  .sf-com-cascading-menu .level-1 .menu-list .list-item .link.active,
  .sf-com-cascading-menu .level-2 .menu-list .list-item .link.active {
    border-left-color: #6DAD19;
  }
  .sf-com-cascading-menu .level-0.mActive,
  .sf-com-cascading-menu .level-1.mActive,
  .sf-com-cascading-menu .level-2.mActive {
    left: 0;
  }
  .sf-com-cascading-menu .level-0 {
    background-color: rgba(0, 0, 0, 0.9);
    left: 0;
    z-index: 10;
  }
  .sf-com-cascading-menu .level-1 {
    z-index: 20;
  }
  .sf-com-cascading-menu .level-2 {
    z-index: 30;
    padding: 80px 20px 50px 20px;
  }
  .sf-com-cascading-menu .menu-block .block-heading {
    font-size: 1.2em;
    padding-bottom: 15px;
  }
  .sf-com-cascading-menu .menu-block .block-heading .link {
    font-size: 14px;
  }
  .sf-com-cascading-menu .menu-block .link-list .list-heading {
    font-size: 1em;
  }
  .sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ul li, .sf-com-cascading-menu .menu-block .link-list.type-2 .list-body ol li {
    width: 100%;
    padding-right: 0;
  }
  .sf-com-cascading-menu .menu-block .link-block-list .list-body ul li, .sf-com-cascading-menu .menu-block .link-block-list .list-body ol li {
    width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-title-sector {
  font-size: 40px;
  line-height: 1.5;
  margin: 80px 0 40px 0;
  text-align: center;
}

.sf-title-sector .title {
  font-size: 1em;
  font-weight: 200;
  margin: 0;
}

.sf-title-sector .sub-title {
  font-size: 0.55em;
  font-weight: 200;
  margin: 0;
}

.sf-title-block {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.5;
  margin: 40px 0;
  text-align: center;
}

.sf-title-block .title, .sf-title-block h1, .sf-title-block h2, .sf-title-block h3, .sf-title-block h4, .sf-title-block h5, .sf-title-block h6 {
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 0;
}

.sf-title-block .sub-title {
  font-size: 0.6em;
  font-weight: 200;
  margin: 0.8em 0 0 0;
}

.sf-title-block .sub-title.sub-title-large {
  font-size: 0.8em;
  font-weight: 400;
  margin: 1.2em 0 0 0;
}

@media screen and (max-width: 1024px) {
  .sf-title-sector {
    font-size: 20px;
    margin: 50px 0 25px 0;
  }
  .sf-title-sector .sub-title {
    font-size: 0.8em;
  }
  .sf-title-block {
    font-size: 20px;
    font-weight: 200;
    margin: 10px 0;
  }
  .sf-title-block .title {
    font-size: 1em;
    font-weight: 400;
  }
  .sf-title-block .sub-title {
    font-size: 0.8em;
  }
  .sf-title-block .sub-title.sub-title-large {
    font-weight: 200;
    margin: 0.89em 0 0 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-cookies {
  background-color: #C0C0C0;
  color: #000000;
  font-size: 16px;
  font-weight: 200;
  padding: 0.65em 0;
}

.sf-com-cookies a {
  color: #000000;
  text-decoration: none;
}

.sf-com-cookies a:hover, .sf-com-cookies a:focus, .sf-com-cookies a:active {
  color: #6DAD19;
}

.sf-com-cookies .content {
  display: block;
  margin: 0;
  padding-right: 30px;
}

.sf-com-cookies .close:hover, .sf-com-cookies .close:focus, .sf-com-cookies .close:active {
  color: #DD2C00;
}

.sf-com-cookies.done {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-cookies .content {
    padding: 0 30px;
  }
  .sf-com-cookies .close {
    margin-right: 15px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-just-image {
  padding: 90px 0;
}

.sf-com-just-image .image-box img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .sf-com-just-image {
    padding: 40px 20px;
  }
}

.sf-com-social {
  background-color: #7E8C9A;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 200;
}

.sf-com-social .title {
  margin-right: 15px;
}

.sf-com-social .social-medias {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

.sf-com-social .social-medias .media-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  list-style-type: none;
  height: 100%;
  margin: 0;
  padding: 0;
}

.sf-com-social .social-medias .media-list .list-item {
  height: 100%;
}

.sf-com-social .social-medias .media-list .list-item a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 15px;
  position: relative;
}

.sf-com-social .social-medias .media-list .list-item a img {
  display: block;
  max-height: 30px;
  max-width: 35px;
}

.sf-com-social .social-medias .media-list .list-item a:hover, .sf-com-social .social-medias .media-list .list-item a:active {
  background-color: #667788;
}

.sf-com-social .social-medias .media-list .list-item.popover a .pop {
  position: absolute;
  bottom: 120%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity linear 0.5s;
}

.sf-com-social .social-medias .media-list .list-item.popover a .pop img {
  display: block;
  max-height: unset;
  max-width: unset;
  height: auto;
  width: 100%;
}

.sf-com-social .social-medias .media-list .list-item.popover a:hover .pop, .sf-com-social .social-medias .media-list .list-item.popover a:active .pop {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  bottom: 120%;
  left: 50%;
  margin-left: -110px;
  height: 220px;
  width: 220px;
  opacity: 1;
  z-index: 100;
}

.sf-com-social .social-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.sf-com-social .social-links .link-item {
  border-right: 1px solid #454545;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  height: 75px;
  min-width: 90px;
}

.sf-com-social .social-links .link-item:first-child {
  border-left: 1px solid #454545;
}

.sf-com-social .social-links .link-item:hover, .sf-com-social .social-links .link-item:active {
  background-color: #667788;
}

.sf-com-social .social-links .link-item.subscribe {
  overflow: hidden;
  position: absolute;
  right: 100%;
  top: 0;
  padding: 0 0;
  transition: all linear 0.2s;
}

.sf-com-social .social-links .link-item.subscribe .mail-input {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: -600px;
  opacity: 0;
  transition: left linear 0.5s;
}

.sf-com-social .social-links .link-item.subscribe .mail-input input {
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 200;
  height: 30px;
  width: 215px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.sf-com-social .social-links .link-item.subscribe .mail-input input::placeholder {
  color: #CCCCCC;
}

.sf-com-social .social-links .link-item.subscribe .mail-input input:focus {
  outline: none;
}

.sf-com-social .social-links .link-item.subscribe .mail-input em.error {
  display: block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 200;
  margin: 2px 0 0 0;
  color: red;
}

.sf-com-social .social-links .link-item.subscribe .submit {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 200;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: -200px;
}

.sf-com-social .social-links .link-item.subscribe .submit input[type=submit] {
  border: none;
  background-color: transparent;
  color: #FFFFFF;
  padding-right: 35px;
  position: relative;
  z-index: 10;
}

.sf-com-social .social-links .link-item.subscribe .submit .icon {
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  height: 25px;
  line-height: 25px;
  width: 25px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.sf-com-social .social-links .link-item.subscribe .submit .icon span {
  display: block;
  line-height: 25px;
  text-align: center;
}

.sf-com-social .social-links .link-item.subscribe .submit:hover, .sf-com-social .social-links .link-item.subscribe .submit:active {
  text-decoration: none;
}

.sf-com-social .social-links .link-item.subscribe .submit:hover .icon, .sf-com-social .social-links .link-item.subscribe .submit:active .icon {
  background-color: #6DAD19;
  border-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-social .social-links .link-item.subscribe .submit-info {
  background-color: rgba(255, 255, 255, 0.3);
  color: #c73434;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  min-height: 75px;
  width: 100%;
  z-index: 20;
}

.sf-com-social .social-links .link-item.subscribe .submit-info.submit-success {
  background-color: #e4f3e4;
  border-left: 4px solid #2abf2a;
  color: #2abf2a;
}

.sf-com-social .social-links .link-item.subscribe .submit-info.submit-success .icon {
  color: #33bd33;
}

.sf-com-social .social-links .link-item.subscribe .submit-info.submit-fail {
  background-color: #f3e4e3;
  border-left: 4px solid #9c2424;
  color: #9c2424;
}

.sf-com-social .social-links .link-item.subscribe .submit-info .icon {
  border-radius: 50%;
  color: #c73434;
  font-size: 25px;
  line-height: 25px;
  height: 25px;
  width: 25px;
  margin-right: 10px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
}

.sf-com-social .social-links .link-item.subscribe:hover, .sf-com-social .social-links .link-item.subscribe:focus, .sf-com-social .social-links .link-item.subscribe:active {
  padding-left: 330px;
  z-index: 20;
}

.sf-com-social .social-links .link-item.subscribe:hover .mail-input, .sf-com-social .social-links .link-item.subscribe:focus .mail-input, .sf-com-social .social-links .link-item.subscribe:active .mail-input {
  opacity: 1;
  left: 30px;
}

.sf-com-social .social-links .link-item.subscribe:hover .text, .sf-com-social .social-links .link-item.subscribe:focus .text, .sf-com-social .social-links .link-item.subscribe:active .text {
  opacity: 0;
}

.sf-com-social .social-links .link-item.subscribe:hover .submit, .sf-com-social .social-links .link-item.subscribe:focus .submit, .sf-com-social .social-links .link-item.subscribe:active .submit {
  right: 30px;
}

.sf-com-social .social-links .link-item.subscribe:hover .submit-info, .sf-com-social .social-links .link-item.subscribe:focus .submit-info, .sf-com-social .social-links .link-item.subscribe:active .submit-info {
  left: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-social .social-links .link-item {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    justify-content: center;
    padding: 1.5em 0;
    min-width: 0;
  }
  .sf-com-social .social-links .link-item:first-child {
    border-left: none;
  }
  .sf-com-social .social-links .link-item:last-child {
    border-right: none;
  }
  .sf-com-social .social-links .link-item.subscribe {
    padding: 1.5em 0;
    position: relative;
    right: auto;
  }
  .sf-com-social .social-medias {
    background-color: #929BA3;
    min-height: 65px;
  }
  .sf-com-social .social-medias .title {
    margin: 0;
    font-size: 12px;
    padding: 0 30px;
  }
  .sf-com-social .social-medias .media-list {
    flex-grow: 1;
    justify-content: flex-start;
  }
  .sf-com-social .social-medias .media-list .list-item {
    flex-grow: 0;
    min-width: 0;
  }
  .sf-com-social .social-medias .media-list .list-item a img {
    max-height: 20px;
    max-width: 30px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
@media screen and (max-width: 1024px) {
  .sf-com-accordion-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 15px;
  }
  .sf-com-accordion-menu.active {
    overflow: hidden;
  }
  .sf-com-accordion-menu.active .accordion-header::before {
    opacity: 0;
  }
  .sf-com-accordion-menu .accordion-header {
    display: block;
    padding: 0.8em 0;
    position: relative;
  }
  .sf-com-accordion-menu .accordion-header::before {
    background-color: #FFFFFF;
    content: " ";
    display: block;
    width: 1px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 36px;
    height: 13px;
    transition: opacity linear 0.15s;
  }
  .sf-com-accordion-menu .accordion-header::after {
    background-color: #FFFFFF;
    content: " ";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 13px;
  }
  .sf-com-accordion-menu .accordion-body {
    transition: height ease-in 0.15s;
    height: 0;
    overflow: hidden;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-logos {
  margin: 40px 0 100px 0;
}

.sf-com-slider-logos .content {
  position: relative;
  padding: 0 30px;
}

.sf-com-slider-logos .content .sf-sliders {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sf-com-slider-logos .content .navi {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 30px;
}

.sf-com-slider-logos .content .navi::before {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  content: " ";
  display: block;
  height: 13px;
  width: 13px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
}

.sf-com-slider-logos .content .navi.prev {
  left: 0;
}

.sf-com-slider-logos .content .navi.prev::before {
  left: 5px;
  transform: rotate(45deg);
}

.sf-com-slider-logos .content .navi.next {
  right: 0;
}

.sf-com-slider-logos .content .navi.next::before {
  right: 5px;
  transform: rotate(-135deg);
}

.sf-com-slider-logos .content .navi:hover::before, .sf-com-slider-logos .content .navi:active::before {
  border-color: #6DAD19;
}

.sf-com-slider-logos .slick-slider {
  overflow: hidden;
}

.sf-com-slider-logos .slick-slider .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.sf-com-slider-logos .slick-slider .slick-track .slick-slide a {
  display: block;
}

.sf-com-slider-logos .slick-slider .slick-track .slick-slide img {
  display: block;
  max-width: 85%;
  max-height: 65px;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-logos {
    margin: 20px 0 50px 0;
  }
  .sf-com-slider-logos .content {
    margin: 0 25px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-navi:not(.sf-com-slider-navi-m) {
  margin: 0;
  padding: 35px 0;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track {
  box-sizing: border-box;
  height: 120px;
  overflow: hidden;
  padding: 30px 0 30px 0;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a {
  color: #000000;
  display: inline-block;
  font-weight: 200;
  margin-bottom: -4px;
  min-width: 4em;
  padding: 30px 10px;
  text-decoration: none;
  transition: all linear 0.3s;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover, .sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:focus, .sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active {
  outline: none;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .image-swap {
  height: 40px;
  position: relative;
  transform: matrix(1.2, 0, 0, 1.2, 0, 15);
  transition: transform linear 0.25s;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .image-swap img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .image-swap .on {
  opacity: 0;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .image-swap .off {
  opacity: 1;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .ani-svg svg {
  height: 40px;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a .title {
  display: block;
  font-size: 16px;
  margin-top: 10px;
  transition: all linear 0.5s;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover .on, .sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active .on {
  opacity: 1;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover .off, .sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active .off {
  opacity: 0;
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover .image-swap, .sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active .image-swap {
  transform: matrix(0.9, 0, 0, 0.9, 0, -10);
}

.sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:hover .title, .sf-com-slider-navi:not(.sf-com-slider-navi-m) .content .sf-sliders .slick-track .slick-slide a:active .title {
  color: #6DAD19;
}

/* Responsive controled by JS */
.sf-com-slider-navi.sf-com-slider-navi-m {
  margin: 20px 0;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content {
  margin: 0;
  padding: 0;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .navi {
  display: none !important;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.3333%;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a {
  color: #000000;
  display: block;
  margin: 20px 0;
  text-decoration: none;
  width: 100%;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a .ani-svg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a .ani-svg svg {
  height: 40px;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a .image-swap {
  height: 28px;
  position: relative;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a .image-swap img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-height: 100%;
  transition: opacity ease-in 0.3s;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a .image-swap .on {
  opacity: 0;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a .image-swap .off {
  opacity: 1;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a span {
  display: block;
  font-size: 14px;
  margin-top: 15px;
  text-align: center;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a:hover .image-swap .on, .sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a:focus .image-swap .on {
  opacity: 1;
}

.sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a:hover .image-swap .off, .sf-com-slider-navi.sf-com-slider-navi-m .content .sf-sliders > div a:focus .image-swap .off {
  opacity: 0;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-breadcrumbs .crumb-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-breadcrumbs .crumb-list .list-item {
  line-height: 3;
  padding-right: 2em;
  position: relative;
  white-space: nowrap;
}

.sf-com-breadcrumbs .crumb-list .list-item::after {
  content: " ";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-right: 1px solid #454545;
  border-bottom: 1px solid #454545;
  transform: rotate(-45deg);
  position: absolute;
  right: 0.7em;
  top: 50%;
  margin-top: -0.42em;
}

.sf-com-breadcrumbs .crumb-list .list-item:last-child {
  padding-right: 0;
}

.sf-com-breadcrumbs .crumb-list .list-item:last-child::after {
  display: none;
}

.sf-com-breadcrumbs .crumb-list .list-item .link {
  color: #454545;
}

.sf-com-breadcrumbs .crumb-list .list-item span {
  color: #6DAD19;
}

@media screen and (max-width: 1024px) {
  .sf-com-breadcrumbs .content {
    padding: 0 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-block-navi-placeholder {
  margin-bottom: 40px;
  background-color: #7E8C9A;
  position: relative;
  z-index: 100;
}

.sf-com-block-navi-placeholder.no-margin {
  margin: 0;
}

.sf-com-block-navi-placeholder .content {
  font-size: 16px;
  height: 4em;
}

.sf-com-block-navi {
  background-color: #7E8C9A;
}

.sf-com-block-navi .block-title {
  display: none;
}

.sf-com-block-navi .block-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 16px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-block-navi .block-list .list-item {
  display: flex;
  flex-shrink: 1;
  margin-right: 1.5em;
  min-width: 0;
}

.sf-com-block-navi .block-list .list-item:last-child {
  margin-right: 0;
}

.sf-com-block-navi .block-list .list-item .link {
  color: #FFFFFF;
  display: block;
  font-weight: 200;
  line-height: 1;
  overflow: hidden;
  padding: 1.5em 0;
  position: relative;
  text-overflow: ellipsis;
  text-decoration: none;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}

.sf-com-block-navi .block-list .list-item .link::after {
  background-color: rgba(109, 173, 25, 0);
  content: " ";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 4px;
  transition: all ease-out 0.15s;
}

.sf-com-block-navi .block-list .list-item .link:hover::after, .sf-com-block-navi .block-list .list-item .link:active::after {
  background-color: #6dad19;
  box-shadow: 0 -0.5em 15px 0 rgba(85, 255, 85, 0.65);
  width: 100%;
}

.sf-com-block-navi .block-list .list-item .link.active::after {
  background-color: #6dad19;
  box-shadow: 0 -2px 10px 0 rgba(85, 255, 85, 0.35);
  width: 100%;
}

.sf-com-block-navi.fixed-block-navi {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: top linear 0.3s;
}

.actived-block {
  padding-top: 100px;
}

@media screen and (max-width: 1024px) {
  .sf-com-block-navi-placeholder {
    margin-bottom: 40px;
    background-color: #7E8C9A;
  }
  .sf-com-block-navi-placeholder.no-margin {
    margin: 0;
  }
  .sf-com-block-navi-placeholder .content {
    font-size: 16px;
    height: 3em;
  }
  .sf-com-block-navi {
    border-bottom: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 20;
  }
  .sf-com-block-navi .block-title {
    display: block;
  }
  .sf-com-block-navi .block-title .link {
    color: #FFFFFF;
    display: block;
    height: 3em;
    line-height: 3em;
    padding: 0 20px;
    position: relative;
    text-decoration: none;
  }
  .sf-com-block-navi .block-title .link::after {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    content: " ";
    display: block;
    font-size: 0.8em;
    height: 1em;
    width: 1em;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -0.707em;
    transition: all linear 0.15s;
  }
  .sf-com-block-navi .block-list {
    background-color: #7E8C9A;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: all linear 0.15s;
    z-index: 90;
    flex-wrap: wrap;
  }
  .sf-com-block-navi .block-list .list-item {
    flex-shrink: 0;
    margin-right: 0;
    width: 100%;
    min-width: 100%;
  }
  .sf-com-block-navi .block-list .list-item .link {
    padding: 1em 20px;
    min-width: 100%;
    width: 100%;
  }
  .sf-com-block-navi .block-list .list-item .link:active {
    background-color: #EAF1FD;
  }
  .sf-com-block-navi .block-list .list-item .link::after {
    display: none;
  }
  .sf-com-block-navi .block-list .list-item .link.active {
    color: #6DAD19;
  }
  .sf-com-block-navi.open .block-title {
    border-bottom: 1px solid #454545;
  }
  .sf-com-block-navi.open .block-title .link::after {
    margin-top: -0.3em;
    transform: rotate(225deg);
  }
  .sf-com-block-navi.open .block-list {
    padding: 20px 0;
    max-height: 1000px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-industries .content {
  border-bottom: 1px solid #D8D8D8;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track {
  align-items: flex-end;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide {
  height: 80px;
  overflow: hidden;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  position: relative;
  transition: all linear 0.15s;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a img {
  height: auto;
  width: auto;
  max-height: 40px;
  max-width: 66px;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a .title {
  background-color: #003466;
  color: #FFFFFF;
  font-weight: 200;
  font-size: 16px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 100%;
  height: 100%;
  left: 0;
}

.sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:hover, .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:focus, .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:active {
  text-decoration: none;
  margin-top: -80px;
}

.sf-com-slider-industries .industry-preview .corp-list {
  background-color: rgba(255, 255, 255, 0.5);
  height: 70px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 16.6666%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item.show {
  display: flex;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item.active .link {
  border-bottom-color: #003466;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item:last-child .link {
  border-right: none;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link {
  background-color: #FFFFFF;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 5px solid transparent;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  width: 100%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link .icon {
  display: block;
  height: 45px;
  max-width: 100%;
}

.sf-com-slider-industries .industry-preview .corp-list .list-item .link:hover, .sf-com-slider-industries .industry-preview .corp-list .list-item .link:active {
  border-bottom-color: #003466;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 670px;
  height: 70vh;
  min-height: 500px;
  overflow: hidden;
  position: relative;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity linear 1s, transform ease-out 5s;
  z-index: -1;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item.active {
  opacity: 1;
  z-index: 20;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item::after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
  z-index: 21;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .background {
  display: none;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .image-replacer {
  background-color: #EAF1FD;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all linear 1s;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details {
  color: #FFFFFF;
  position: absolute;
  left: 80px;
  bottom: 80px;
  right: 240px;
  z-index: 30;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .title {
  font-size: 24px;
  font-weight: 200;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .intro {
  font-size: 16px;
  font-weight: 100;
  margin: 10px 0 0 0;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 80px;
  bottom: 80px;
  z-index: 30;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:hover, .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:focus, .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:active {
  text-decoration: none;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:hover .icon, .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:focus .icon, .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:active .icon {
  background-color: #6DAD19;
  border-color: #6DAD19;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon {
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 1em;
  transition: all linear 0.15s;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon span {
  font-size: 1.6em;
  font-weight: bold;
}

.sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item:hover .image-replacer, .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item:focus .image-replacer {
  transform: scale(1.1);
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-industries .content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide {
    height: 40px;
  }
  .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a {
    height: 40px;
  }
  .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a img {
    max-height: 30px;
  }
  .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:hover, .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:focus, .sf-com-slider-industries .content .sf-sliders .slick-list .slick-track .slick-slide a:active {
    margin-top: -40px;
  }
  .sf-com-slider-industries .industry-preview {
    padding: 0 20px;
  }
  .sf-com-slider-industries .industry-preview .corp-list {
    height: auto;
    min-height: 50px;
  }
  .sf-com-slider-industries .industry-preview .corp-list .list-item {
    height: 50px;
    margin: 0;
  }
  .sf-com-slider-industries .industry-preview .corp-list .list-item .link {
    padding: 0 15px;
    width: 100%;
  }
  .sf-com-slider-industries .industry-preview .corp-list .list-item .link .icon {
    height: auto;
    max-height: 36px;
  }
  .sf-com-slider-industries .industry-preview .corp-detail {
    background-image: none !important;
    height: auto;
    min-height: 0;
    padding: 0 0 40px 0;
  }
  .sf-com-slider-industries .industry-preview .corp-detail::after {
    display: none;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .image-replacer {
    display: none;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list {
    height: 380px;
    min-height: 0;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item::after {
    display: none;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .background {
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details {
    color: #000000;
    position: static;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .title {
    font-size: 16px;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .details .intro {
    font-size: 14px;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link {
    bottom: 0;
    right: 0;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon {
    border-color: #669ACC;
    color: #669ACC;
    height: 36px;
    width: 36px;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link .icon span {
    font-size: 1em;
  }
  .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:hover .icon, .sf-com-slider-industries .industry-preview .corp-detail .detail-list .list-item .link:active .icon {
    color: #FFFFFF;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-curtain-view .content {
  overflow: hidden;
  position: relative;
}

.sf-com-curtain-view .content .curtain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all ease-out 0.33s;
  transition-delay: 0.2s;
  z-index: 30;
}

.sf-com-curtain-view .content .curtain img {
  display: none;
}

.sf-com-curtain-view .content .curtain::before {
  background-color: rgba(103, 148, 186, 0.9);
  background-image: url(../images/curtain-view/curtain@2x.png);
  background-size: cover;
  background-position: center center;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all ease-out 1.5s;
  z-index: 20;
}

.sf-com-curtain-view .content .view {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.sf-com-curtain-view .content .view img {
  display: none;
}

.sf-com-curtain-view .content .info-list {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sf-com-curtain-view .content .info-list .info {
  border-right: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  height: 445px;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  position: relative;
  z-index: 50;
}

.sf-com-curtain-view .content .info-list .info:last-child {
  border-right: none;
}

.sf-com-curtain-view .content .info-list .info:hover, .sf-com-curtain-view .content .info-list .info:active {
  cursor: pointer;
}

.sf-com-curtain-view .content .info-list .info:hover .icon, .sf-com-curtain-view .content .info-list .info:active .icon {
  height: 0;
  margin-top: 30px;
  overflow: hidden;
}

.sf-com-curtain-view .content .info-list .info:hover .intro, .sf-com-curtain-view .content .info-list .info:active .intro {
  margin-top: 50px;
}

.sf-com-curtain-view .content .info-list .info:hover .intro::before, .sf-com-curtain-view .content .info-list .info:active .intro::before {
  background-color: #FFFFFF;
  content: " ";
  display: block;
  height: 1px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -25px;
}

.sf-com-curtain-view .content .info-list .info .icon {
  height: auto;
  margin-top: 120px;
  transition: all linear 0.3s;
}

.sf-com-curtain-view .content .info-list .info .icon img {
  display: block;
  height: 65px;
  margin: 0 auto;
}

.sf-com-curtain-view .content .info-list .info .num {
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  margin: 25px 0 0 0;
  transition: all linear 0.3s;
}

.sf-com-curtain-view .content .info-list .info .unit {
  font-size: 24px;
  margin: 5px 0 0 0;
  padding: 0 10px;
}

.sf-com-curtain-view .content .info-list .info .intro {
  margin: 0 20px;
  margin-top: 1000px;
  max-width: 80%;
  position: relative;
  transition: margin-top ease-out 0.2s;
}

.sf-com-curtain-view.hovering .curtain {
  background-color: rgba(0, 0, 0, 0.6);
}

.sf-com-curtain-view.hovering .curtain::before {
  opacity: 0;
}

.sf-com-curtain-view.type-2 .content .info-list .info {
  justify-content: center;
}

.sf-com-curtain-view.type-2 .content .info-list .info .icon {
  margin-top: 0;
  margin-bottom: 40px;
  transition: all linear 0.5s;
}

.sf-com-curtain-view.type-2 .content .info-list .info .icon img {
  display: block;
}

.sf-com-curtain-view.type-2 .content .info-list .info .unit {
  margin: 0;
  font-weight: 200;
  transition: all linear 0.3s;
}

.sf-com-curtain-view.type-2 .content .info-list .info .intro {
  font-weight: 200;
  margin-top: 0;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: all linear 1.5s;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .icon, .sf-com-curtain-view.type-2 .content .info-list .info:focus .icon, .sf-com-curtain-view.type-2 .content .info-list .info:active .icon {
  transform: scale(0);
  height: auto;
  margin-bottom: 0;
  margin-top: -40px;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .unit, .sf-com-curtain-view.type-2 .content .info-list .info:focus .unit, .sf-com-curtain-view.type-2 .content .info-list .info:active .unit {
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.sf-com-curtain-view.type-2 .content .info-list .info:hover .intro, .sf-com-curtain-view.type-2 .content .info-list .info:focus .intro, .sf-com-curtain-view.type-2 .content .info-list .info:active .intro {
  height: auto;
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .sf-com-curtain-view .content .info-list {
    flex-direction: column;
    justify-content: flex-start;
  }
  .sf-com-curtain-view .content .info-list .info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    border-right: none;
    flex-grow: 0;
    flex-basis: auto;
    height: 210px;
    overflow: hidden;
  }
  .sf-com-curtain-view .content .info-list .info:hover, .sf-com-curtain-view .content .info-list .info:active {
    height: 380px;
  }
  .sf-com-curtain-view .content .info-list .info .icon {
    margin-top: 35px;
  }
  .sf-com-curtain-view .content .info-list .info .icon img {
    height: 50px;
  }
  .sf-com-curtain-view .content .info-list .info .num {
    font-size: 40px;
    margin-top: 15px;
  }
  .sf-com-curtain-view .content .info-list .info .unit {
    font-size: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-poster-wall {
  margin: 40px 0 100px 0;
}

.sf-com-poster-wall .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.sf-com-poster-wall .content::after {
  content: " ";
  display: flex;
  width: 32.5%;
}

.sf-com-poster-wall .content .poster {
  background-color: #EAF1FD;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 14px;
  height: 280px;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 2em 3em;
  position: relative;
  width: 32.5%;
}

.sf-com-poster-wall .content .poster::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 60%);
  z-index: 10;
  transition: background-color linear 0.2s;
}

.sf-com-poster-wall .content .poster.ps-w-1-2 {
  width: 49.4%;
}

.sf-com-poster-wall .content .poster.ps-w2 {
  width: 66.25%;
}

.sf-com-poster-wall .content .poster.ps-h2 {
  height: 490px;
  height: 56vh;
}

.sf-com-poster-wall .content .poster .background {
  display: none;
}

.sf-com-poster-wall .content .poster .image-replacer {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: transform ease-out 5s;
}

.sf-com-poster-wall .content .poster .tag {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 1;
  opacity: 1;
  padding: 2px 5px;
  position: absolute;
  left: 40px;
  top: 30px;
  transition: opacity linear 0.1s;
  z-index: 20;
}

.sf-com-poster-wall .content .poster .title {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 200;
  margin: 0;
  position: absolute;
  left: 2em;
  bottom: 1.5em;
  z-index: 20;
  transition: bottom ease-out 0.3s;
}

.sf-com-poster-wall .content .poster .title p {
  margin: 0;
}

.sf-com-poster-wall .content .poster .detail {
  font-size: 1em;
  height: 4.5em;
  line-height: 1.5;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  padding: 0 3em;
  left: -150%;
  bottom: 5em;
  transition: left ease-out 0.2s;
  transition-delay: 0.3s;
  z-index: 20;
  width: 100%;
}

.sf-com-poster-wall .content .poster .link {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 2em;
  right: 3em;
  right: 150%;
  z-index: 20;
  transition: right ease-out 0.2s;
  transition-delay: 0.15s;
}

.sf-com-poster-wall .content .poster .link:hover, .sf-com-poster-wall .content .poster .link:focus, .sf-com-poster-wall .content .poster .link:active {
  text-decoration: none;
}

.sf-com-poster-wall .content .poster .link:hover .icon, .sf-com-poster-wall .content .poster .link:focus .icon, .sf-com-poster-wall .content .poster .link:active .icon {
  background-color: #6DAD19;
  border-color: #6DAD19;
}

.sf-com-poster-wall .content .poster .link .icon {
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  margin-left: 1em;
  transition: all linear 0.15s;
}

.sf-com-poster-wall .content .poster .link .icon span {
  font-size: 1.6em;
  font-weight: bold;
}

.sf-com-poster-wall .content .poster:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.sf-com-poster-wall .content .poster:hover::before {
  background-color: rgba(0, 0, 0, 0.4);
}

.sf-com-poster-wall .content .poster:hover .tag {
  opacity: 0;
}

.sf-com-poster-wall .content .poster:hover .image-replacer {
  transform: scale(1.1);
}

.sf-com-poster-wall .content .poster:hover .title {
  bottom: 6.8em;
}

.sf-com-poster-wall .content .poster:hover .detail {
  left: 0;
  opacity: 1;
}

.sf-com-poster-wall .content .poster:hover .link {
  right: 3em;
}

.sf-com-poster-wall .content .sf-com-expand-link {
  display: none;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link {
  display: block;
  height: 100%;
  z-index: 11;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 60%);
  z-index: 12;
  transition: background-color linear 0.2s;
}

.sf-com-poster-wall.type-2 .content .poster .cd-link .detail {
  color: #FFFFFF;
  z-index: 15;
}

.sf-com-poster-wall.type-2 .content .poster:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.sf-com-poster-wall.type-2 .content .poster:hover .cd-link::before {
  background-color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 1024px) {
  .sf-com-poster-wall {
    margin: 20px 0 50px 0;
  }
  .sf-com-poster-wall .content {
    padding: 0 20px;
  }
  .sf-com-poster-wall .content .poster {
    font-size: 14px;
    display: none;
    height: 200px;
    min-width: 100%;
    padding: 2em 1.5em;
  }
  .sf-com-poster-wall .content .poster.ps-h2 {
    height: 280px;
  }
  .sf-com-poster-wall .content .poster .tag {
    top: 20px;
    left: 20px;
  }
  .sf-com-poster-wall .content .poster .title {
    font-size: 1.5em;
    left: 1em;
  }
  .sf-com-poster-wall .content .poster .detail {
    padding: 0 1.5em;
    bottom: 5.5em;
  }
  .sf-com-poster-wall .content .poster .link {
    bottom: 2em;
  }
  .sf-com-poster-wall .content .poster .link .icon {
    height: 2.5em;
    width: 2.5em;
  }
  .sf-com-poster-wall .content .poster .link .icon span {
    font-size: 1.5em;
  }
  .sf-com-poster-wall .content .poster:hover .title, .sf-com-poster-wall .content .poster:active .title {
    bottom: 6em;
  }
  .sf-com-poster-wall .content .poster:hover .detail, .sf-com-poster-wall .content .poster:active .detail {
    bottom: 4em;
  }
  .sf-com-poster-wall .content .poster:hover .link, .sf-com-poster-wall .content .poster:active .link {
    bottom: 1em;
    right: 1.5em;
  }
  .sf-com-poster-wall .content .poster:nth-child(1), .sf-com-poster-wall .content .poster:nth-child(2), .sf-com-poster-wall .content .poster:nth-child(3) {
    display: flex;
  }
  .sf-com-poster-wall .content .sf-com-expand-link {
    display: block;
    width: 100%;
  }
  .sf-com-poster-wall.expanded .content .poster {
    display: flex;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel .content {
  position: relative;
  padding: 0;
}

.sf-com-carousel .content .sf-sliders {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide {
  height: 700px;
  height: 75vh;
  max-height: 700px;
  min-height: 500px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.sf-com-carousel .content .sf-sliders .sf-slide::after {
  background-color: rgba(255, 255, 255, 0);
  content: " ";
  display: block;
  height: 0;
  width: 100%;
  padding-top: 46%;
  left: -26%;
  position: absolute;
  transition: all ease-out 2s;
  transform: rotate(66deg);
  transition-delay: 0.3s;
  z-index: 1;
  pointer-events: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark::after {
  background-color: rgba(0, 0, 0, 0);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .introduction .title,
.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .introduction .intro {
  color: #FFFFFF;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.8);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block {
  color: #FFFFFF;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block .links a, .sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block .links button {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block .links a:hover, .sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .links-block .links button:hover {
  border-color: #FFFFFF;
  color: #003466;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark.slick-active::after {
  background-color: rgba(0, 0, 0, 0.6);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark.slick-active.bg-dark-type-2::after {
  background-color: transparent;
  background: linear-gradient(to right, #1213130a 0%, #313b5754 50%, #4C3AA6C2 70%, #591ea2de 100%);
  box-shadow: 0 0 0 25px rgba(255, 255, 255, 0.3);
}

.sf-com-carousel .content .sf-sliders .sf-slide .image-replacer {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform ease-out 6s;
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction {
  margin-left: 10%;
  width: 400px;
  width: 30%;
  opacity: 0;
  text-align: left;
  transition: all linear 1s;
  transform: scale(0.85);
  z-index: 10;
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .title {
  color: #010443;
  font-size: 40px;
  font-weight: 400;
  margin: 0 0 20px 0;
  /*text-shadow: 0 0px 1px rgba(255,255,255,0.9),
                        0 0px 5px rgba(255,255,255,0.3);*/
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .intro {
  color: #444444;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.7;
  margin: 0 0 40px 0;
  /*text-shadow:
                        0 0px 15px rgba(255,255,255,0.9),
                        0 0px 30px rgba(255,255,255,0.5),
                        0 0px 50px rgba(255,255,255,0.4),
                        0 0px 70px rgba(255,255,255,0.3);*/
}

.sf-com-carousel .content .sf-sliders .sf-slide .introduction .link {
  text-decoration: none;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block {
  color: #444444;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .title-1 {
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  margin: 10px 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .title-2 {
  font-size: 22px;
  font-weight: 200;
  line-height: 1;
  margin: 10px 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a, .sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button {
  border-color: #003466;
  color: #003466;
  margin-right: 10px;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a:hover, .sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button:hover {
  border-color: #FFFFFF;
}

.sf-com-carousel .content .sf-sliders .sf-slide .links-block .links a:last-child, .sf-com-carousel .content .sf-sliders .sf-slide .links-block .links button:last-child {
  margin-right: 0;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slick-active::after {
  background-color: rgba(255, 255, 255, 0.45);
  z-index: 1;
}

.sf-com-carousel .content .sf-sliders .sf-slide.slick-active .image-replacer {
  transform: scale(1.1);
}

.sf-com-carousel .content .sf-sliders .sf-slide.slick-active .introduction {
  opacity: 1;
  transform: scale(1);
}

.sf-com-carousel .content .sf-sliders .sf-slide:hover, .sf-com-carousel .content .sf-sliders .sf-slide:focus, .sf-com-carousel .content .sf-sliders .sf-slide:active {
  outline: none;
}

.sf-com-carousel .content .navi {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  width: 60px;
  z-index: 20;
}

.sf-com-carousel .content .navi::before {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  content: " ";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.sf-com-carousel .content .navi.prev {
  left: 0;
}

.sf-com-carousel .content .navi.prev::before {
  left: 20px;
  transform: rotate(45deg);
}

.sf-com-carousel .content .navi.next {
  right: 0;
}

.sf-com-carousel .content .navi.next::before {
  right: 20px;
  transform: rotate(-135deg);
}

.sf-com-carousel .content .navi:hover::before, .sf-com-carousel .content .navi:active::before {
  border-color: #6DAD19;
}

.sf-com-carousel .content .slick-dots {
  font-size: 0;
  list-style-type: none;
  padding: 0;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.sf-com-carousel .content .slick-dots li {
  display: inline-block;
  font-size: 14px;
}

.sf-com-carousel .content .slick-dots li button {
  background-color: #FFFFFF;
  border: none;
  border-radius: 50%;
  color: transparent;
  display: block;
  font-size: 0;
  height: 16px;
  width: 16px;
  margin: 0 5px;
  padding: 0;
}

.sf-com-carousel .content .slick-dots li.slick-active button {
  background-color: #669ACC;
}

.sf-com-carousel .slick-slider {
  overflow: hidden;
}

.sf-com-carousel .slick-slider .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.sf-com-carousel .slick-slider .slick-track .slick-slide img {
  display: none;
}

.sf-com-carousel.contact .content .sf-sliders .sf-slide .introduction .intro {
  font-size: 22px;
  font-weight: 400;
}

.sf-com-carousel.contact .content .slick-dots {
  display: none;
}

.sf-com-carousel.type-2 .content .slick-dots {
  display: none !important;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide {
  height: 400px;
  min-height: 0;
  max-height: 35vh;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .title,
.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .intro {
  text-shadow: none;
}

.sf-com-carousel.type-2 .content .sf-sliders .sf-slide .introduction .intro {
  margin: 0;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .sub-title {
  text-align: left;
  font-size: 18px;
  line-height: 28px;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a {
  height: 3em;
  line-height: 3em;
  background-color: transparent;
  border: 1px solid #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a span {
  color: #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a em {
  background-color: #003466;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:first-child {
  margin-right: 5%;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover, .sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus, .sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active {
  border: 1px solid #FFFFFF;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover span, .sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus span, .sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active span {
  color: #6dad19;
}

.sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:hover em, .sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:focus em, .sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a:active em {
  background-color: #6dad19;
}

.sf-com-carousel.magazine-center.magazine-center-2 .slick-dots {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel .content .sf-sliders .sf-slide {
    justify-content: flex-end;
    height: 490px;
    min-height: 490px;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .image-replacer {
    background-size: 100% 50%;
    background-position: center top;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .image-replacer::before {
    background: none;
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60%;
    z-index: 10;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .introduction {
    margin: 0 6% 70px 6%;
    width: auto;
    transition: none;
    transform: none;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .introduction .title {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .introduction .intro {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1.5;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .introduction .link {
    font-size: 13px;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .introduction .links-block a, .sf-com-carousel .content .sf-sliders .sf-slide .introduction .links-block button {
    font-size: 14px;
    padding: 0.4em;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .introduction .links-block .sf-play-btn {
    height: 35px;
    width: 35px;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide .introduction .links-block .sf-play-btn span {
    font-size: 18px;
    margin-left: -7px;
    margin-top: -9px;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide::after {
    display: none;
  }
  .sf-com-carousel .content .sf-sliders .sf-slide.slide-bg-dark .image-replacer::before {
    display: none;
    background: linear-gradient(to top, #1a3f51 0%, #1a3f51 85%, rgba(26, 63, 81, 0.3) 95%, rgba(26, 63, 81, 0) 100%);
  }
  .sf-com-carousel .content .navi {
    display: none !important;
  }
  .sf-com-carousel .content .slick-dots li button {
    width: 12px;
    height: 12px;
  }
  .sf-com-carousel.technical .content .sf-sliders .sf-slide {
    justify-content: flex-end;
    height: 380px;
    min-height: 380px;
  }
  .sf-com-carousel.technical .content .sf-sliders .sf-slide .introduction {
    margin: 0 6% 45px 6%;
  }
  .sf-com-carousel.technical .content .sf-sliders .sf-slide .image-replacer {
    background-size: 100% 70%;
  }
  .sf-com-carousel.technical .content .sf-sliders .sf-slide .image-replacer::before {
    height: 45%;
  }
  .sf-com-carousel.contact .content .sf-sliders .sf-slide {
    justify-content: flex-end;
    height: 345px;
    min-height: 345px;
  }
  .sf-com-carousel.contact .content .sf-sliders .sf-slide .introduction {
    margin: 0 6% 0 6%;
  }
  .sf-com-carousel.contact .content .sf-sliders .sf-slide .introduction .intro {
    font-size: 18px;
    font-weight: 200;
  }
  .sf-com-carousel.contact .content .sf-sliders .sf-slide .image-replacer {
    background-size: 100% 68%;
  }
  .sf-com-carousel.contact .content .sf-sliders .sf-slide .image-replacer::before {
    height: 50%;
  }
  .sf-com-carousel.type-2 .content .sf-sliders .sf-slide {
    max-height: 30vh;
  }
  .sf-com-carousel.type-2 .content .sf-sliders .sf-slide .image-replacer {
    background-size: cover;
    background-position: center center;
  }
  .sf-com-carousel.type-2 .content .sf-sliders .sf-slide .image-replacer::before {
    display: none;
  }
  .sf-com-carousel.magazine-center .content .sf-sliders .sf-slide .links-block .links a {
    padding: 0 6em 0 1.5em;
  }
  .sf-com-carousel.magazine-center.magazine-center-2 .slick-dots {
    display: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-logos-list {
  margin: 40px 0 100px 0;
}

.sf-com-logos-list .logos, .sf-com-logos-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-logos-list .logos li, .sf-com-logos-list ul li {
  font-size: 0;
  margin: 0 0.8333% 35px 0.8333%;
  text-align: center;
  width: 15%;
  min-width: 80px;
}

.sf-com-logos-list .logos li a, .sf-com-logos-list ul li a {
  display: inline-block;
}

.sf-com-logos-list .logos li a img, .sf-com-logos-list ul li a img {
  display: inline-block;
  max-width: 100%;
  max-height: 40px;
}

@media screen and (max-width: 1024px) {
  .sf-com-logos-list .content {
    padding: 0 20px;
  }
  .sf-com-logos-list .content .logos, .sf-com-logos-list .content ul {
    justify-content: space-between;
  }
  .sf-com-logos-list .content .logos li, .sf-com-logos-list .content ul li {
    margin: 0 0 20px 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-push-view .content .view-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  list-style-type: none;
  height: 700px;
  height: 75vh;
  max-height: 700px;
  min-height: 400px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.sf-com-push-view .content .view-list:hover .list-item::after, .sf-com-push-view .content .view-list:active .list-item::after {
  opacity: 1;
}

.sf-com-push-view .content .view-list .list-item {
  box-sizing: content-box;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 700px;
  height: 75vh;
  max-height: 700px;
  min-height: 400px;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: all ease-in-out 0.4s;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.sf-com-push-view .content .view-list .list-item::after {
  content: " ";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 100%);
  opacity: 0;
  position: absolute;
  transition: opacity ease-out 1.2s;
  z-index: 40;
}

.sf-com-push-view .content .view-list .list-item::before {
  content: " ";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  transition: background-color ease-out 0.8s;
  z-index: 10;
}

.sf-com-push-view .content .view-list .list-item.left {
  border-right: 5px solid #FFFFFF;
  width: 33.33%;
  left: 0;
}

.sf-com-push-view .content .view-list .list-item.left .ext-bg {
  left: 0;
}

.sf-com-push-view .content .view-list .list-item.right {
  border-left: 5px solid #FFFFFF;
  width: 33.33%;
  right: 0;
}

.sf-com-push-view .content .view-list .list-item.right .ext-bg {
  right: 0;
}

.sf-com-push-view .content .view-list .list-item.center {
  border-left: 5px solid #FFFFFF;
  border-right: 5px solid #FFFFFF;
  left: 33.33%;
  width: 33.34%;
}

.sf-com-push-view .content .view-list .list-item.backstage {
  flex-shrink: 0;
  z-index: 20;
}

.sf-com-push-view .content .view-list .list-item.left.backstage {
  width: 20%;
}

.sf-com-push-view .content .view-list .list-item.left.backstage + .center.backstage {
  left: 20%;
  margin: 0;
  width: 20%;
}

.sf-com-push-view .content .view-list .list-item.left.forestage + .center.backstage {
  left: 60%;
  width: 20%;
}

.sf-com-push-view .content .view-list .list-item.right.backstage {
  width: 20%;
}

.sf-com-push-view .content .view-list .list-item.center.forestage {
  left: 20%;
  right: 20%;
}

.sf-com-push-view .content .view-list .list-item .ext-bg {
  background-color: #EAF1FD;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: transform ease-out 5s;
}

.sf-com-push-view .content .view-list .list-item .background {
  display: none;
}

.sf-com-push-view .content .view-list .list-item .topic,
.sf-com-push-view .content .view-list .list-item .detail,
.sf-com-push-view .content .view-list .list-item .links {
  box-sizing: border-box;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 95%;
  width: 700px;
  z-index: 20;
  transform: translate3d(0, 0, 0);
}

.sf-com-push-view .content .view-list .list-item .topic {
  text-align: center;
  transition: all ease-in 0.2s;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.sf-com-push-view .content .view-list .list-item .topic .title {
  font-size: 42px;
  font-weight: 400;
  margin: 0;
}

.sf-com-push-view .content .view-list .list-item .topic .sub-title {
  font-size: 24px;
  font-weight: 200;
}

.sf-com-push-view .content .view-list .list-item .detail {
  font-weight: 200;
  line-height: 1.8;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity linear 0.4s;
  transition-delay: 0.8s;
  max-height: 9em;
}

.sf-com-push-view .content .view-list .list-item .links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 0;
  overflow: hidden;
  text-align: right;
  transform: translateX(-150%);
  transition: transform linear 0.5s;
}

.sf-com-push-view .content .view-list .list-item .links .link {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-weight: 200;
  text-align: right;
  text-decoration: none;
}

.sf-com-push-view .content .view-list .list-item .links .link .icon {
  background-color: #6DAD19;
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  font-size: 1.6em;
  height: 50px;
  margin-left: 0.5em;
  width: 50px;
  text-align: center;
  line-height: 50px;
}

.sf-com-push-view .content .view-list .list-item .links .link:hover, .sf-com-push-view .content .view-list .list-item .links .link:active {
  color: #6DAD19;
}

.sf-com-push-view .content .view-list .list-item:hover, .sf-com-push-view .content .view-list .list-item:active {
  width: 60%;
  z-index: 60;
}

.sf-com-push-view .content .view-list .list-item:hover::after, .sf-com-push-view .content .view-list .list-item:active::after {
  display: none;
}

.sf-com-push-view .content .view-list .list-item:hover::before, .sf-com-push-view .content .view-list .list-item:active::before {
  background-color: rgba(0, 0, 0, 0.4);
}

.sf-com-push-view .content .view-list .list-item:hover .ext-bg, .sf-com-push-view .content .view-list .list-item:active .ext-bg {
  transform: scale(1.1);
}

.sf-com-push-view .content .view-list .list-item:hover .topic, .sf-com-push-view .content .view-list .list-item:active .topic {
  margin-bottom: 50px;
}

.sf-com-push-view .content .view-list .list-item:hover .topic,
.sf-com-push-view .content .view-list .list-item:hover .detail,
.sf-com-push-view .content .view-list .list-item:hover .links, .sf-com-push-view .content .view-list .list-item:active .topic,
.sf-com-push-view .content .view-list .list-item:active .detail,
.sf-com-push-view .content .view-list .list-item:active .links {
  text-align: left;
}

.sf-com-push-view .content .view-list .list-item:hover .detail, .sf-com-push-view .content .view-list .list-item:active .detail {
  height: auto;
  opacity: 1;
}

.sf-com-push-view .content .view-list .list-item:hover .links, .sf-com-push-view .content .view-list .list-item:active .links {
  height: auto;
  margin-top: 50px;
  transform: translateX(0);
}

@media screen and (max-width: 1024px) {
  .sf-com-push-view .content .view-list {
    display: block;
    height: 450px;
    position: relative;
    width: 100%;
  }
  .sf-com-push-view .content .view-list .list-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    height: 150px;
    min-height: 0;
    width: 100%;
  }
  .sf-com-push-view .content .view-list .list-item .topic,
  .sf-com-push-view .content .view-list .list-item .detail,
  .sf-com-push-view .content .view-list .list-item .links {
    width: 96%;
  }
  .sf-com-push-view .content .view-list .list-item .topic .link .icon,
  .sf-com-push-view .content .view-list .list-item .detail .link .icon,
  .sf-com-push-view .content .view-list .list-item .links .link .icon {
    font-size: 1.4em;
  }
  .sf-com-push-view .content .view-list .list-item .topic .title {
    font-size: 20px;
  }
  .sf-com-push-view .content .view-list .list-item .topic .sub-title {
    font-size: 16px;
  }
  .sf-com-push-view .content .view-list .list-item .detail {
    font-size: 12px;
    line-height: 1.5;
    max-height: 7.5em;
  }
  .sf-com-push-view .content .view-list .list-item:hover, .sf-com-push-view .content .view-list .list-item:active {
    height: 280px;
    width: 100%;
  }
  .sf-com-push-view .content .view-list .list-item:hover .topic,
  .sf-com-push-view .content .view-list .list-item:hover .detail,
  .sf-com-push-view .content .view-list .list-item:hover .links, .sf-com-push-view .content .view-list .list-item:active .topic,
  .sf-com-push-view .content .view-list .list-item:active .detail,
  .sf-com-push-view .content .view-list .list-item:active .links {
    width: 90%;
  }
  .sf-com-push-view .content .view-list .list-item:hover .topic, .sf-com-push-view .content .view-list .list-item:active .topic {
    margin-bottom: 15px;
  }
  .sf-com-push-view .content .view-list .list-item:hover .links, .sf-com-push-view .content .view-list .list-item:active .links {
    margin-top: 15px;
  }
  .sf-com-push-view .content .view-list .list-item:hover .links .link, .sf-com-push-view .content .view-list .list-item:active .links .link {
    font-size: 14px;
  }
  .sf-com-push-view .content .view-list .list-item:hover .links .link .icon, .sf-com-push-view .content .view-list .list-item:active .links .link .icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
  .sf-com-push-view .content .view-list .list-item .ext-bg {
    width: 100%;
  }
  .sf-com-push-view .content .view-list .list-item.left, .sf-com-push-view .content .view-list .list-item.center, .sf-com-push-view .content .view-list .list-item.right {
    border: none;
    left: 0;
    width: 100%;
  }
  .sf-com-push-view .content .view-list .list-item.left {
    bottom: auto;
    border-bottom: 2px solid #FFFFFF;
    top: 0;
  }
  .sf-com-push-view .content .view-list .list-item.left:hover, .sf-com-push-view .content .view-list .list-item.left:active {
    border-bottom-width: 4px;
  }
  .sf-com-push-view .content .view-list .list-item.right {
    border-top: 2px solid #FFFFFF;
    bottom: 0;
    top: auto;
  }
  .sf-com-push-view .content .view-list .list-item.right:hover, .sf-com-push-view .content .view-list .list-item.right:active {
    border-top-width: 4px;
  }
  .sf-com-push-view .content .view-list .list-item.center {
    border-bottom: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    margin-top: -75px;
    top: 50%;
  }
  .sf-com-push-view .content .view-list .list-item.center:hover, .sf-com-push-view .content .view-list .list-item.center:active {
    border-width: 4px;
    margin-top: -140px;
  }
}

.sf-com-push-view-vertical .content {
  color: #FFFFFF;
}

.sf-com-push-view-vertical .content .view {
  height: 250px;
  overflow: hidden;
  position: relative;
  transition: all linear 0.3s;
}

.sf-com-push-view-vertical .content .view:last-child {
  border-bottom: none;
}

.sf-com-push-view-vertical .content .view .view-heading {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 125px;
  left: 0;
  margin-top: -0.5em;
}

.sf-com-push-view-vertical .content .view .view-heading .title {
  font-size: 36px;
  font-weight: 200;
  line-height: 1;
  margin: 0;
}

.sf-com-push-view-vertical .content .view .view-body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  left: 0;
  top: 500px;
  opacity: 0;
  transition: all ease-in 0.75s;
  width: 100%;
}

.sf-com-push-view-vertical .content .view .view-body .feature {
  margin: 0 40px;
}

.sf-com-push-view-vertical .content .view .view-body .feature .icon,
.sf-com-push-view-vertical .content .view .view-body .feature .title {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-push-view-vertical .content .view .view-body .feature .icon {
  height: 60px;
}

.sf-com-push-view-vertical .content .view .view-body .feature .title {
  font-size: 24px;
  font-weight: 200;
  margin: 20px 0;
}

.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ul, .sf-com-push-view-vertical .content .view .view-body .feature .feature-list ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: 200;
}

.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ul li, .sf-com-push-view-vertical .content .view .view-body .feature .feature-list ol li {
  line-height: 2;
  padding-left: 20px;
  position: relative;
}

.sf-com-push-view-vertical .content .view .view-body .feature .feature-list ul li::before, .sf-com-push-view-vertical .content .view .view-body .feature .feature-list ol li::before {
  content: " ";
  display: block;
  height: 2px;
  width: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 3px;
}

.sf-com-push-view-vertical .content .view:hover .effect-background::before, .sf-com-push-view-vertical .content .view:focus .effect-background::before, .sf-com-push-view-vertical .content .view:active .effect-background::before {
  background-color: rgba(0, 0, 0, 0.75);
}

.sf-com-push-view-vertical .content .view:hover .view-body, .sf-com-push-view-vertical .content .view:focus .view-body, .sf-com-push-view-vertical .content .view:active .view-body {
  opacity: 1;
  top: 200px;
}

.sf-com-push-view-vertical + .sf-com-push-view-vertical {
  border-top: 2px solid #FFFFFF;
}

@media screen and (max-width: 1024px) {
  .sf-com-push-view-vertical .content .view {
    border-bottom: none;
  }
  .sf-com-push-view-vertical .content .view .view-heading .title {
    font-size: 20px;
  }
  .sf-com-push-view-vertical .content .view .view-body {
    flex-direction: column;
  }
  .sf-com-push-view-vertical .content .view .view-body .feature {
    margin-bottom: 30px;
  }
  .sf-com-push-view-vertical .content .view .view-body .feature .title {
    font-size: 16px;
  }
  .sf-com-push-view-vertical .content .view .view-body .feature .feature-list {
    font-size: 14px;
  }
  .sf-com-push-view-vertical .content .view .view-body .feature .feature-list ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-letter {
  background-color: #FAFDFF;
  padding: 60px 0 180px 0;
}

.sf-com-events-letter .letter-content {
  font-size: 18px;
  line-height: 1.7;
}

.sf-com-events-letter .letter-content .letter-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.sf-com-events-letter .letter-content p {
  margin: 0 0 1em 0;
}

.sf-com-events-letter .letter-content .signature {
  margin-top: 70px;
  text-align: right;
}

.sf-com-events-letter .letter-content .signature span {
  display: block;
}

.sf-com-events-letter .letter-content .signature span.name {
  color: #003466;
  font-size: 1.3em;
}

.sf-com-events-letter .letter-content .signature span.title {
  font-size: 0.9em;
}

.sf-com-events-letter .letter-content img {
  box-shadow: 0 15px 30px 0 rgba(126, 140, 154, 0.5);
  display: block;
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-letter {
    padding: 40px 0;
  }
  .sf-com-events-letter .content {
    padding: 0 20px;
  }
  .sf-com-events-letter .letter-content {
    font-size: 16px;
  }
  .sf-com-events-letter .letter-content .letter-details .signature {
    margin: 20px 0;
  }
  .sf-com-events-letter .letter-content img {
    margin: 0 auto;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-intro {
  background-color: #C7D2DC;
  padding: 80px 0;
}

.sf-com-events-intro .content {
  position: relative;
  z-index: 20;
}

.sf-com-events-intro .event-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.sf-com-events-intro .event-list .list-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 32.5%;
}

.sf-com-events-intro .event-list .list-item .event {
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 2em;
}

.sf-com-events-intro .event-list .list-item .event .icon {
  margin-bottom: 15px;
}

.sf-com-events-intro .event-list .list-item .event .icon img {
  display: block;
  height: 100px;
}

.sf-com-events-intro .event-list .list-item .event .title {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sf-com-events-intro .event-list .list-item .event .detail {
  color: #454545;
  font-size: 16px;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sf-com-events-intro .event-list .list-item .event .detail p {
  margin-bottom: 15px;
}

.sf-com-events-intro .event-list .list-item .event .detail p:last-child {
  margin-bottom: 0;
}

.sf-com-events-intro .event-list .list-item .event:last-child {
  margin-bottom: 0;
}

.sf-com-events-intro .event-list .list-item.poster {
  align-self: stretch;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-intro .content {
    padding: 0 20px;
  }
  .sf-com-events-intro .event-list {
    flex-direction: column;
  }
  .sf-com-events-intro .event-list .list-item {
    margin-bottom: 10px;
    width: 100%;
  }
  .sf-com-events-intro .event-list .list-item .event {
    margin-bottom: 10px;
    padding: 1.5em 1em;
  }
  .sf-com-events-intro .event-list .list-item .event .icon {
    margin-bottom: 5px;
  }
  .sf-com-events-intro .event-list .list-item .event .icon img {
    height: 80px;
  }
  .sf-com-events-intro .event-list .list-item .event .title {
    font-size: 16px;
  }
  .sf-com-events-intro .event-list .list-item .event .detail {
    font-size: 14px;
  }
  .sf-com-events-intro .event-list .list-item.poster {
    height: 200px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-agenda {
  background-color: #FAFDFF;
}

.sf-com-events-agenda .sf-com-slick-tabs {
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-agenda {
    padding: 20px;
  }
  .sf-com-events-agenda .sf-com-slick-tabs {
    padding: 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-highlights {
  position: relative;
  background-color: #EAEAEA;
  padding: 80px 0;
}

.sf-com-events-highlights .content {
  position: relative;
  z-index: 20;
}

.sf-com-events-highlights .content .highlights-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.sf-com-events-highlights .content .sf-com-point-highlight {
  width: 24%;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-highlights {
    padding: 40px 20px;
  }
  .sf-com-events-highlights .content .highlights-wrapper {
    flex-direction: column;
  }
  .sf-com-events-highlights .content .sf-com-point-highlight {
    margin-bottom: 10px;
    width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-lookback {
  position: relative;
}

.sf-com-events-lookback .content {
  color: #FFFFFF;
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 650px;
}

.sf-com-events-lookback .content .sf-title-block {
  margin: 0 0 25px 0;
}

.sf-com-events-lookback .content .sf-title-block .title {
  font-weight: 200;
}

.sf-com-events-lookback .content .slogen {
  font-size: 24px;
  font-weight: 200;
  margin-bottom: 40px;
}

.sf-com-events-lookback .content .links {
  display: flex;
  flex-direction: row;
}

.sf-com-events-lookback .content .links .link {
  display: block;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  line-height: 1;
  margin: 0 5px;
  padding: 1em 4em;
  position: relative;
  text-decoration: none;
  transition: all linear 0.3s;
}

.sf-com-events-lookback .content .links .link::after {
  background-color: rgba(109, 173, 25, 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  transition: all linear 0.15s;
  z-index: -1;
}

.sf-com-events-lookback .content .links .link:hover, .sf-com-events-lookback .content .links .link:active {
  border-color: #6DAD19;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5), 0 3px 15px 0 rgba(255, 255, 255, 0.45);
}

.sf-com-events-lookback .content .links .link:hover::after, .sf-com-events-lookback .content .links .link:active::after {
  background-color: #6dad19;
  width: 100%;
  transition: all linear 0.2s;
}

.sf-com-events-lookback.type-2 .content {
  height: 480px;
}

.sf-com-events-lookback.type-2 .content .sf-title-block .title {
  color: #000000;
}

.sf-com-events-lookback.type-2 .content .slogen {
  color: #000000;
}

.sf-com-events-lookback.type-2 .content .links .link {
  border: 1px solid #6DAD19;
  color: #6DAD19;
}

.sf-com-events-lookback.type-2 .content .links .link:hover, .sf-com-events-lookback.type-2 .content .links .link:active {
  color: #FFFFFF;
}

.sf-com-events-lookback.type-3 .content .links .link {
  border: 1px solid #6899cc;
  color: #6899cc;
}

.sf-com-events-lookback.type-3 .content .links .link:hover, .sf-com-events-lookback.type-3 .content .links .link:active {
  color: #FFFFFF;
  border-color: #6899cc;
  box-shadow: unset;
}

.sf-com-events-lookback.type-3 .content .links .link:hover::after, .sf-com-events-lookback.type-3 .content .links .link:active::after {
  background-color: #6899cc;
  width: 100%;
  transition: all linear 0.2s;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-lookback {
    padding: 40px 20px;
  }
  .sf-com-events-lookback .content {
    height: auto;
  }
  .sf-com-events-lookback .content .slogen {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .sf-com-events-lookback .content .links {
    flex-direction: column;
    width: 100%;
  }
  .sf-com-events-lookback .content .links .link {
    text-align: center;
    margin-bottom: 10px;
  }
  .sf-com-events-lookback.type-2 {
    padding: 30px 20px;
  }
  .sf-com-events-lookback.type-2 .content {
    height: auto;
  }
  .sf-com-events-lookback.type-2 .content .sf-title-block {
    margin: 10px 0;
  }
  .sf-com-events-lookback.type-2 .content .links {
    width: 160px;
  }
  .sf-com-events-lookback.type-2 .content .links .link {
    padding: 1em 0;
  }
  .sf-com-events-lookback.type-3 .content .slogen {
    font-weight: 400;
    margin-bottom: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-location {
  background-color: #EAF1FC;
  padding: 100px 0;
}

.sf-com-events-location #baidu-map, .sf-com-events-location #google-map {
  width: 100%;
  height: 300px;
}

.sf-com-events-location .sf-title-block {
  margin: 0 0 40px 0;
}

.sf-com-events-location .sf-title-block .title {
  text-align: left;
}

.sf-com-events-location .loc {
  margin-bottom: 60px;
}

.sf-com-events-location .loc .title {
  font-size: 22px;
  font-weight: 400;
}

.sf-com-events-location .loc .info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-weight: 100;
}

.sf-com-events-location .loc .info img {
  display: block;
  margin-right: 20px;
  width: 24px;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-location {
    padding: 40px 20px;
  }
  .sf-com-events-location .sf-title-block {
    margin: 20px 0;
  }
  .sf-com-events-location .sf-title-block .title {
    text-align: center;
  }
  .sf-com-events-location .loc {
    margin-bottom: 30px;
    text-align: center;
  }
  .sf-com-events-location .loc .title {
    font-size: 16px;
  }
  .sf-com-events-location .loc .info {
    font-size: 14px;
    flex-direction: column;
  }
  .sf-com-events-location .loc .info img {
    height: 20px;
    margin: 5px 0;
    width: auto;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-qr {
  padding: 90px 0;
  position: relative;
}

.sf-com-events-qr .content {
  color: #FFFFFF;
  position: relative;
  z-index: 20;
}

.sf-com-events-qr .content .sf-title-block {
  margin: 0 0 40px 0;
}

.sf-com-events-qr .content .sf-title-block .title {
  text-align: left;
}

.sf-com-events-qr .content .contact-info {
  margin-bottom: 40px;
}

.sf-com-events-qr .content .contact-info .title {
  font-size: 24px;
  font-weight: 200;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-events-qr .content .contact-info .title img {
  display: block;
  max-height: 26px;
  max-width: 26px;
  margin-right: 20px;
}

.sf-com-events-qr .content .contact-info .info {
  font-weight: 200;
  padding: 10px 0;
}

.sf-com-events-qr .content .about {
  font-weight: 200;
  font-size: 14px;
}

.sf-com-events-qr .content .qr-wrapper {
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 80px 0;
}

.sf-com-events-qr .content .qr-wrapper img {
  display: block;
  max-width: 230px;
  margin-bottom: 40px;
}

.sf-com-events-qr .content .qr-wrapper p {
  font-size: 18px;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-qr {
    background: #373C7D;
    padding: 40px 20px;
  }
  .sf-com-events-qr .content {
    text-align: center;
  }
  .sf-com-events-qr .content .sf-title-block {
    margin-bottom: 30px;
  }
  .sf-com-events-qr .content .sf-title-block .title {
    text-align: center;
  }
  .sf-com-events-qr .content .contact-info {
    margin-bottom: 10px;
  }
  .sf-com-events-qr .content .contact-info .title {
    font-size: 16px;
    justify-content: center;
  }
  .sf-com-events-qr .content .contact-info .title img {
    max-height: 20px;
    max-width: 20px;
    margin-right: 15px;
  }
  .sf-com-events-qr .content .qr-wrapper {
    margin-top: 20px;
    padding: 20px 0;
  }
  .sf-com-events-qr .content .qr-wrapper img {
    height: 120px;
    margin-bottom: 15px;
  }
  .sf-com-events-qr .content .qr-wrapper p {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-news {
  background-color: #EFF2F7;
  padding: 90px 0;
}

.sf-com-events-news img {
  display: block;
  max-width: 100%;
}

.sf-com-events-news .sf-com-article-list {
  list-style-type: none;
  margin: 0 20px;
  padding: 0;
}

.sf-com-events-news .sf-com-article-list .content {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 580px;
}

.sf-com-events-news .sf-com-article-list ul, .sf-com-events-news .sf-com-article-list ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-news {
    padding: 40px 20px;
  }
  .sf-com-events-news .sf-com-article-list {
    margin: 0;
  }
  .sf-com-events-news .sf-com-article-list .article {
    padding: 20px 0;
  }
  .sf-com-events-news .sf-com-article-list .article .title {
    font-size: 16px;
  }
  .sf-com-events-news .sf-com-article-list .article .brief {
    font-size: 14px;
  }
  .sf-com-events-news .sf-com-article-list ul > li.tab:last-of-type .article, .sf-com-events-news .sf-com-article-list ol > li.tab:last-of-type .article {
    border-bottom: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-after {
  padding: 90px 0;
}

.sf-com-events-after .sf-com-info-card,
.sf-com-events-after .sf-com-article-list {
  border-radius: 5px;
  height: 100%;
  margin: 0 5px;
  overflow: hidden;
}

.sf-com-events-after .sf-com-article-list {
  background-color: #eaf1fc;
  max-height: 650px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.sf-com-events-after .sf-com-article-list .article {
  border-bottom-color: #DDDDDD;
}

.sf-com-events-after .sf-com-article-list .article:last-child {
  border-bottom: none;
}

.sf-com-events-after.type-2 .sf-com-info-card,
.sf-com-events-after.type-2 .sf-com-article-list {
  background-color: #FFFFFF;
}

.sf-com-events-after.type-2 .sf-com-info-card .card-footer .link span {
  background-color: #6DAD19;
  color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-after {
    padding: 40px 20px;
  }
  .sf-com-events-after .sf-com-article-list,
  .sf-com-events-after .sf-com-info-card {
    margin: 0 0 10px 0;
    height: auto;
  }
  .sf-com-events-after .sf-com-article-list .article:last-child {
    border-bottom: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-contact {
  background-color: #eff2f7;
  padding: 90px 0;
}

.sf-com-events-contact .contact-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-events-contact .contact-list .list-item {
  margin: 0 5%;
}

.sf-com-events-contact .contact-list .list-item .type {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}

.sf-com-events-contact .contact-list .list-item .type img {
  display: block;
  margin-right: 20px;
  max-width: 30px;
  max-height: 30px;
}

.sf-com-events-contact .contact-list .list-item .info {
  color: #454545;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-contact {
    padding: 40px 20px;
  }
  .sf-com-events-contact .contact-list {
    flex-direction: column;
  }
  .sf-com-events-contact .contact-list .list-item {
    margin: 0 0 20px 0;
  }
  .sf-com-events-contact .contact-list .list-item .type {
    margin-bottom: 10px;
    font-size: 16px;
    justify-content: center;
  }
  .sf-com-events-contact .contact-list .list-item .type img {
    max-height: 20px;
    max-width: 20px;
    margin-right: 10px;
  }
  .sf-com-events-contact .contact-list .list-item .info {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-cooperators {
  color: #FFFFFF;
  padding: 90px 0;
}

.sf-com-events-cooperators .corp img {
  display: block;
  height: 70px;
}

.sf-com-events-cooperators .corp-logo-main,
.sf-com-events-cooperators .corp-logo-sub {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-events-cooperators .corp-logo-main {
  margin-bottom: 40px;
}

.sf-com-events-cooperators .corp-logo-sub .corp {
  margin: 0 10%;
}

.sf-com-events-cooperators .sf-com-logos-list {
  margin: 0;
}

.sf-com-events-cooperators .sf-com-logos-list .logos li a img,
.sf-com-events-cooperators .sf-com-logos-list .ul li a img {
  max-height: 60px;
}

.sf-com-events-cooperators + .sf-com-events-cooperators {
  padding-top: 30px;
}

@media screen and (max-width: 1024px) {
  .sf-bg-block-deepblue {
    background-size: auto auto;
  }
  .sf-bg-block-skyblue {
    background-size: cover;
    background-position: left top;
  }
  .sf-com-events-cooperators {
    padding: 40px 0;
  }
  .sf-com-events-cooperators .corp img {
    height: 60px;
  }
  .sf-com-events-cooperators .corp-logo-main,
  .sf-com-events-cooperators .corp-logo-sub {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .sf-com-events-cooperators .corp-logo-sub {
    margin-bottom: 0;
  }
  .sf-com-events-cooperators .corp-logo-sub .corp {
    margin: 0 0 30px 0;
  }
  .sf-com-events-cooperators .corp-logo-sub .corp:last-child {
    margin-bottom: 0;
  }
  .sf-com-events-cooperators .sf-com-logos-list .logos li,
  .sf-com-events-cooperators .sf-com-logos-list ul li {
    width: 42%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-products {
  background-color: #FAFDFF;
  padding: 90px 0;
}

.sf-com-events-products .sf-com-product-card {
  margin: 0 0 15px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-products {
    padding: 40px 20px;
  }
  .sf-com-events-products .sf-com-product-card {
    margin-bottom: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-article-list .article {
  border-bottom: 1px solid #a4c6da;
  display: block;
  padding: 30px 40px;
  text-decoration: none;
}

.sf-com-article-list .article .title {
  color: #000000;
  font-size: 22px;
  font-weight: 400;
  margin: 0 0 5px 0;
  padding: 0;
  transition: all linear 0.3s;
}

.sf-com-article-list .article .brief {
  color: #454545;
  font-weight: 200;
  line-height: 1.6;
  margin: 0;
  transition: all linear 0.3s;
}

.sf-com-article-list .article:hover .title,
.sf-com-article-list .article:hover .brief, .sf-com-article-list .article:active .title,
.sf-com-article-list .article:active .brief {
  color: #6DAD19;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1024px) {
  .sf-com-article-list .article .title {
    font-size: 16px;
  }
  .sf-com-article-list .article .brief {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-info-card {
  background-color: #EAF1FC;
  color: #000000;
  display: block;
  transition: all linear 0.3s;
  text-decoration: none;
}

.sf-com-info-card .card-image {
  border-radius: 5px;
  background-color: #181f2d;
  overflow: hidden;
  height: 300px;
}

.sf-com-info-card .card-image img {
  display: block;
  height: 100%;
  margin: 0 auto;
  transition: all linear 1.2s;
}

.sf-com-info-card .card-content {
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 40px 40px 40px;
}

.sf-com-info-card .card-body .title {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 5px 0;
}

.sf-com-info-card .card-body .brief {
  font-size: 18px;
  font-weight: 200;
  margin: 0;
  line-height: 1.7;
}

.sf-com-info-card .card-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.sf-com-info-card .card-footer .link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #000000;
  text-decoration: none;
}

.sf-com-info-card .card-footer .link span {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #6DAD19;
  display: block;
  font-size: 1.5em;
  margin-left: 15px;
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  transition: all linear 0.3s;
}

.sf-com-info-card:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-decoration: none;
}

.sf-com-info-card:hover .card-image img {
  transform: scale(1.1);
}

.sf-com-info-card:hover .card-footer .link {
  color: #6DAD19;
}

.sf-com-info-card:hover .card-footer .link span {
  background-color: #6DAD19;
  color: #FFFFFF;
  margin-left: 35px;
}

@media screen and (max-width: 1024px) {
  .sf-com-info-card .card-image {
    height: 200px;
  }
  .sf-com-info-card .card-content {
    height: auto;
    padding: 20px;
  }
  .sf-com-info-card .card-content .card-body .title {
    font-size: 16px;
  }
  .sf-com-info-card .card-content .card-body .brief {
    font-size: 14px;
  }
  .sf-com-info-card .card-content .card-footer .link {
    font-size: 14px;
  }
  .sf-com-info-card .card-content .card-footer .link span {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-product-card {
  color: #454545;
  display: block;
  text-decoration: none;
}

.sf-com-product-card .card-image {
  background-color: #181f2d;
  overflow: hidden;
  height: 300px;
  position: relative;
}

.sf-com-product-card .card-image img {
  display: none;
}

.sf-com-product-card .card-image .image-replacer {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: all linear 1s;
}

.sf-com-product-card .card-body {
  background-color: #FFFFFF;
  margin: -60px auto 0 auto;
  width: 85%;
  padding: 30px 40px 60px 40px;
  position: relative;
  z-index: 20;
  transition: all linear 0.3s;
}

.sf-com-product-card .card-body::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 6px;
  width: 0;
  background-color: #FFFFFF;
  transition: all linear 0.3s;
}

.sf-com-product-card .card-body .card-tags {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.sf-com-product-card .card-body .card-tags .tag {
  background-color: #669ACC;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 100;
  line-height: 1;
  padding: 5px 10px;
}

.sf-com-product-card .card-body .title {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
}

.sf-com-product-card .card-body .brief {
  font-weight: 200;
  margin: 0;
  line-height: 1.6;
}

.sf-com-product-card:hover, .sf-com-product-card:focus, .sf-com-product-card:active {
  color: #454545;
  text-decoration: none;
}

.sf-com-product-card:hover .card-image img, .sf-com-product-card:focus .card-image img, .sf-com-product-card:active .card-image img {
  transform: scale(1.1);
}

.sf-com-product-card:hover .card-image .image-replacer, .sf-com-product-card:focus .card-image .image-replacer, .sf-com-product-card:active .card-image .image-replacer {
  transform: scale(1.1);
}

.sf-com-product-card:hover .card-body, .sf-com-product-card:focus .card-body, .sf-com-product-card:active .card-body {
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);
}

.sf-com-product-card:hover .card-body::after, .sf-com-product-card:focus .card-body::after, .sf-com-product-card:active .card-body::after {
  background-color: #6DAD19;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .sf-com-product-card .card-image {
    height: 200px;
  }
  .sf-com-product-card .card-body {
    padding: 20px;
  }
  .sf-com-product-card .card-body .title {
    font-size: 16px;
  }
  .sf-com-product-card .card-body .brief {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slick-tabs {
  padding: 90px 0;
}

.sf-com-slick-tabs .tab-tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  margin-bottom: 40px;
  padding: 0;
}

.sf-com-slick-tabs .tab-tabs .tab .link {
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  display: flex;
  font-size: 22px;
  font-weight: 400;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 15px;
  position: relative;
  text-decoration: none;
  width: 270px;
}

.sf-com-slick-tabs .tab-tabs .tab .link::after {
  background-color: transparent;
  content: " ";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 6px;
  width: 0;
  transition: all linear 0.15s;
  z-index: 10;
}

.sf-com-slick-tabs .tab-tabs .tab .link.active::after, .sf-com-slick-tabs .tab-tabs .tab .link:hover::after, .sf-com-slick-tabs .tab-tabs .tab .link:active::after {
  background-color: #6DAD19;
  width: 100%;
}

.sf-com-slick-tabs .tab-tabs .tab .link.active {
  background-color: #003466;
}

.sf-com-slick-tabs .tab-tabs .tab .link.active .main, .sf-com-slick-tabs .tab-tabs .tab .link.active .sub {
  color: #FFFFFF;
}

.sf-com-slick-tabs .tab-tabs .tab .main {
  color: #000000;
  font-size: 1em;
  line-height: 2;
}

.sf-com-slick-tabs .tab-tabs .tab .sub {
  color: #454545;
  font-size: 0.8em;
  line-height: 2;
}

.sf-com-slick-tabs .tab-tabs .tab + .tab {
  margin-left: -1px;
}

.sf-com-slick-tabs .tab-contents .slick-list {
  height: auto !important;
  overflow: hidden;
}

.sf-com-slick-tabs .tab-contents .slick-list .slick-track {
  overflow: hidden;
}

.sf-com-slick-tabs .tab-contents .slick-list .slick-track .slick-slide {
  float: left;
  display: block;
  height: 1px;
}

.sf-com-slick-tabs .tab-contents .slick-list .slick-track .slick-slide.slick-current.slick-active {
  height: auto;
}

@media screen and (min-width: 1024px) {
  .sf-com-slick-tabs .scrollable-tab {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .sf-com-slick-tabs .scrollable-tab .nav {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 70px;
  }
  .sf-com-slick-tabs .scrollable-tab .nav.show {
    display: flex;
  }
  .sf-com-slick-tabs .scrollable-tab .nav::after {
    content: " ";
    display: block;
    height: 15px;
    width: 15px;
    border: 2px solid #666666;
    border-left: none;
    border-bottom: none;
    transition: all linear 0.3s;
  }
  .sf-com-slick-tabs .scrollable-tab .nav.prev::after {
    transform: rotate(-135deg);
    margin-left: 10px;
  }
  .sf-com-slick-tabs .scrollable-tab .nav.next::after {
    transform: rotate(45deg);
  }
  .sf-com-slick-tabs .scrollable-tab .nav:hover.prev::after {
    margin-left: 0;
  }
  .sf-com-slick-tabs .scrollable-tab .nav:hover.next::after {
    margin-right: -10px;
  }
  .sf-com-slick-tabs .scrollable-tab .tab-tabs {
    margin-bottom: 0;
    overflow: hidden;
    width: 80%;
  }
  .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
    flex-shrink: 0;
    flex-grow: 1;
    transition: all linear 0.2s;
    width: 20%;
  }
  .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .sf-com-slick-tabs {
    padding: 40px 0;
  }
  .sf-com-slick-tabs .tab-tabs {
    flex-direction: column;
    margin-bottom: 0;
    position: relative;
    height: 50px;
    z-index: 30;
  }
  .sf-com-slick-tabs .tab-tabs .tab {
    width: 100%;
  }
  .sf-com-slick-tabs .tab-tabs .tab .link {
    background-color: #FFFFFF;
    border: none;
    width: 100%;
    height: 0;
    padding: 0;
    overflow: hidden;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 200;
  }
  .sf-com-slick-tabs .tab-tabs .tab .link.active {
    height: 50px;
  }
  .sf-com-slick-tabs .tab-tabs .tab .link.active .sub::after {
    transform: rotate(45deg);
    top: 50%;
    right: 5px;
    margin-top: -0.5em;
  }
  .sf-com-slick-tabs .tab-tabs .tab .sub {
    font-size: 1em;
    margin-left: 10px;
    padding-right: 30px;
    position: relative;
  }
  .sf-com-slick-tabs .tab-tabs .tab .sub::after {
    content: " ";
    display: block;
    height: 10px;
    width: 10px;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    right: 5px;
    margin-top: -0.5em;
  }
  .sf-com-slick-tabs .tab-tabs.open .tab {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  }
  .sf-com-slick-tabs .tab-tabs.open .tab .link {
    height: 50px;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    margin-bottom: 40px;
    padding: 0;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab {
    width: 30%;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab .link {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    display: flex;
    font-size: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab .link::after {
    background-color: transparent;
    content: " ";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 6px;
    width: 0;
    transition: all linear 0.15s;
    z-index: 10;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab .link.active::after, .sf-com-slick-tabs.type-2 .tab-tabs .tab .link:hover::after, .sf-com-slick-tabs.type-2 .tab-tabs .tab .link:active::after {
    background-color: #6DAD19;
    width: 100%;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab .link.active {
    background-color: #003466;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab .link.active .main, .sf-com-slick-tabs.type-2 .tab-tabs .tab .link.active .sub {
    color: #FFFFFF;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab .main {
    color: #000000;
    font-size: 1em;
    line-height: 2;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab .sub {
    color: #454545;
    font-size: 0.8em;
    line-height: 2;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs .tab + .tab {
    margin-left: -1px;
  }
  .sf-com-slick-tabs.type-2 .tab-tabs.open .tab {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0);
  }
  .sf-com-slick-tabs.type-2 .tab-tabs.open .tab .link {
    height: 50px;
  }
  .sf-com-slick-tabs.type-2 .tab-contents.slick-initialized.slick-slider {
    padding: 0 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-center-mode {
  background-color: #eaf1fc;
  padding: 90px 0;
}

.sf-com-slider-center-mode .slick-slider {
  position: relative;
  padding: 0 80px;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow {
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  z-index: 90;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow::after {
  font-size: 16px;
  content: " ";
  display: block;
  height: 1em;
  width: 1em;
  border-left: 2px solid #454545;
  border-bottom: 2px solid #454545;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow.prev {
  left: 0;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow.prev::after {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -0.6em;
  left: 50%;
  margin-left: 0em;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow.next {
  right: 0;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow.next::after {
  transform: rotate(-135deg);
  top: 50%;
  left: 50%;
  margin-top: -0.6em;
  margin-left: -0.7em;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow:hover {
  background-color: #FFFFFF;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow:hover.prev::after {
  margin-left: -0.65em;
}

.sf-com-slider-center-mode .slick-slider .slick-arrow:hover.next::after {
  margin-left: -0.2em;
}

.sf-com-slider-center-mode .slick-list {
  overflow: hidden;
}

.sf-com-slider-center-mode .slick-list .slick-track {
  overflow: hidden;
  padding: 50px 0;
}

.sf-com-slider-center-mode .slick-list .slick-track .slick-slide {
  float: left;
}

.sf-com-slider-center-mode .scm-list .list-item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #FFFFFF;
  display: flex;
  font-weight: 200;
  flex-direction: column;
  justify-content: flex-end;
  height: 530px;
  margin: 0 7px;
  overflow: hidden;
  position: relative;
  transition: transform linear 0.3s;
}

.sf-com-slider-center-mode .scm-list .list-item img {
  display: none;
  max-width: 100%;
}

.sf-com-slider-center-mode .scm-list .list-item .image-info {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0) 100%);
  font-size: 18px;
  padding: 40px 30px;
}

.sf-com-slider-center-mode .scm-list .list-item .image-info .intro {
  margin-bottom: 15px;
  position: relative;
}

.sf-com-slider-center-mode .scm-list .list-item .image-info .title {
  font-weight: 600;
  padding-left: 30px;
  position: relative;
}

.sf-com-slider-center-mode .scm-list .list-item .image-info .title::after {
  background-color: rgba(255, 255, 255, 0.5);
  content: " ";
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 0.7em;
  left: 0;
}

.sf-com-slider-center-mode .scm-list .list-item .image-replacer {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all linear 0.3s;
}

.sf-com-slider-center-mode .scm-list .list-item:hover .image-replacer, .sf-com-slider-center-mode .scm-list .list-item:active .image-replacer {
  transform: scale(1.1);
}

.sf-com-slider-center-mode .scm-list .list-item.slick-active {
  transform: scale(0.9);
}

.sf-com-slider-center-mode .scm-list .list-item.slick-active.slick-center {
  transform: scale(1.1);
}

.sf-com-slider-center-mode.scm-type-2 .slick-slider {
  padding: 0;
}

.sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow {
  top: 35%;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item {
  height: 320px;
  margin: 0;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper {
  background-color: #000000;
  border-radius: 5px;
  visibility: hidden;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js {
  height: 400px;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  font-size: 2em;
  line-height: 1.15em;
  height: 6em;
  width: 5em;
  border: 0.06666em solid rgba(255, 255, 255, 0);
  border-radius: 0em;
  margin-left: -2.5em;
  margin-top: -3em;
  background: rgba(255, 255, 255, 0) url(/Assets/images/icons/video-play-white.png) no-repeat;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  color: rgba(43, 51, 63, 0);
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-poster {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .image-info {
  display: none;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active {
  transform: scale(0.9);
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center {
  background-image: none !important;
  height: auto;
  transform: scale(1.1);
  overflow: visible;
  position: relative;
  z-index: 90;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-replacer {
  display: none;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info {
  background: transparent;
  color: #000000;
  display: block;
  padding: 0;
  margin-top: 20px;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px;
  padding-left: 0;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info .title::after {
  display: none;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .expand-wrapper {
  height: 100%;
  width: 200%;
  margin-left: -50%;
  position: relative;
}

.sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .expand-wrapper .video-wrapper {
  visibility: visible;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-center-mode {
    padding: 40px 20px;
  }
  .sf-com-slider-center-mode .slick-slider {
    padding: 0;
  }
  .sf-com-slider-center-mode .slick-slider .slick-arrow {
    height: 35px;
    width: 35px;
  }
  .sf-com-slider-center-mode .slick-slider .slick-arrow::after {
    font-size: 12px;
  }
  .sf-com-slider-center-mode .slick-slider .slick-arrow.prev::after {
    margin-left: -0.2em;
  }
  .sf-com-slider-center-mode .slick-list .slick-track {
    padding: 20px 0;
  }
  .sf-com-slider-center-mode .scm-list .list-item {
    height: 430px;
    margin: 0;
    transform: none;
  }
  .sf-com-slider-center-mode .scm-list .list-item.slick-active.slick-center {
    transform: none;
  }
  .sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow {
    height: 36px;
    width: 36px;
  }
  .sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow::after {
    height: 0.7em;
    width: 0.7em;
  }
  .sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow.prev::after {
    margin-top: -0.35em;
    margin-left: -0.1em;
  }
  .sf-com-slider-center-mode.scm-type-2 .slick-slider .slick-arrow.next::after {
    margin-top: -0.35em;
    margin-left: -0.4em;
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item {
    height: auto;
    transform: none;
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js {
    display: block;
    height: 190px;
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-big-play-button {
    margin-left: -30px;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    background-size: 50px;
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item .expand-wrapper .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    color: rgba(43, 51, 63, 0);
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center {
    transform: none;
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .expand-wrapper {
    margin: 0;
    width: 100%;
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info {
    margin: 15px 0;
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .sf-com-slider-center-mode.scm-type-2 .scm-list .list-item.slick-active.slick-center .image-info .intro {
    font-size: 14px;
    margin: 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-photo-wall {
  background-color: #fafdff;
  padding: 90px 0;
}

.sf-com-slider-photo-wall .slick-dots {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-slider-photo-wall .slick-dots li {
  margin: 0 7px;
}

.sf-com-slider-photo-wall .slick-dots li button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #DDDDDD;
  border: none;
  display: block;
  font-size: 0;
  padding: 0;
}

.sf-com-slider-photo-wall .slick-dots li.slick-active button {
  background-color: #003466;
}

.sf-com-slider-photo-wall .slick-list {
  overflow: hidden;
}

.sf-com-slider-photo-wall .slick-list .slick-track {
  overflow: hidden;
  padding: 50px 0;
}

.sf-com-slider-photo-wall .slick-list .slick-track .slick-slide {
  float: left;
}

.sf-com-slider-photo-wall .pw-list .list-item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 320px;
}

.sf-com-slider-photo-wall .pw-list .list-item img {
  display: none;
}

.sf-com-slider-photo-wall .pw-list .list-item .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
}

.sf-com-slider-photo-wall .pw-list .list-item .image .image-replacer {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all linear 0.3s;
}

.sf-com-slider-photo-wall .pw-list .list-item .image.big {
  height: 320px;
  margin: 0 2%;
  width: 63%;
}

.sf-com-slider-photo-wall .pw-list .list-item .image.small {
  height: 150px;
  width: 33%;
}

.sf-com-slider-photo-wall .pw-list .list-item .image:hover .image-replacer, .sf-com-slider-photo-wall .pw-list .list-item .image:active .image-replacer {
  transform: scale(1.1);
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-photo-wall {
    padding: 40px 20px;
  }
  .sf-com-slider-photo-wall .slick-dots li button {
    height: 10px;
    width: 10px;
  }
  .sf-com-slider-photo-wall .slick-list .slick-track {
    padding: 20px 0;
  }
  .sf-com-slider-photo-wall .pw-list .list-item {
    flex-direction: row;
    height: auto;
  }
  .sf-com-slider-photo-wall .pw-list .list-item .image.big {
    height: 220px;
    width: 100%;
    margin: 0 0 10px 0;
  }
  .sf-com-slider-photo-wall .pw-list .list-item .image.small {
    height: 100px;
    width: 48%;
    margin: 0 0 10px 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-sync {
  background-color: #eaf1fc;
  padding: 90px 0;
}

.sf-com-slider-sync .slick-list {
  overflow: hidden;
}

.sf-com-slider-sync .slick-list .slick-track {
  overflow: hidden;
  padding-bottom: 20px;
}

.sf-com-slider-sync .slick-list .slick-track .slick-slide {
  float: left;
}

.sf-com-slider-sync .sliders-wrapper {
  position: relative;
}

.sf-com-slider-sync .sliders-wrapper .playback {
  display: block;
  position: absolute;
  bottom: 20px;
  width: 25px;
  height: 25px;
  right: 0;
  z-index: 30;
}

.sf-com-slider-sync .sliders-wrapper .playback::after {
  content: " ";
  display: block;
  border-left: 3px solid #000000;
  border-right: 3px solid #000000;
  transition: all linear 0.3s;
  width: 13px;
  height: 25px;
  margin: 0 auto;
}

.sf-com-slider-sync .sliders-wrapper .playback.paused::after {
  border-left: none;
  border-top: 3px solid #000000;
  height: 16px;
  width: 16px;
  transform: rotate(-315deg);
  position: absolute;
  top: 5px;
  right: 5px;
}

.sf-com-slider-sync .sliders-wrapper .playback:hover {
  cursor: pointer;
}

.sf-com-slider-sync .sliders-wrapper .playback:hover::after {
  border-color: #6DAD19;
}

.sf-com-slider-sync .image-list {
  position: relative;
  z-index: 10;
}

.sf-com-slider-sync .image-list .list-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 530px;
  overflow: hidden;
  position: relative;
}

.sf-com-slider-sync .image-list .list-item .image-replacer {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(1.1);
  transition: all linear 1.2s;
}

.sf-com-slider-sync .image-list .list-item img {
  display: none;
}

.sf-com-slider-sync .image-list .list-item.slick-active .image-replacer {
  transform: scale(1);
}

.sf-com-slider-sync .thumbnail-list {
  width: 90%;
  margin: -50px auto auto auto;
  position: relative;
  z-index: 20;
}

.sf-com-slider-sync .thumbnail-list .list-item {
  width: 100px;
  height: 70px;
  border: 2px solid #FFFFFF;
  margin: 0 5px;
  transition: all linear 0.3s;
}

.sf-com-slider-sync .thumbnail-list .list-item:hover {
  cursor: pointer;
}

.sf-com-slider-sync .thumbnail-list .list-item:focus {
  outline: none;
}

.sf-com-slider-sync .thumbnail-list .list-item img {
  display: block;
  width: 100%;
  height: 100%;
}

.sf-com-slider-sync .thumbnail-list .list-item.slick-current {
  border-color: #8BFF00;
  box-shadow: 0 5px 15px 0 rgba(109, 173, 25, 0.65);
}

.sf-com-slider-sync .intro-list {
  height: 100%;
}

.sf-com-slider-sync .intro-list .slick-list {
  height: 100%;
}

.sf-com-slider-sync .intro-list .slick-list .slick-track {
  height: 100%;
}

.sf-com-slider-sync .intro-list .list-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sf-com-slider-sync .intro-list .slick-active .intro-card .intro-heading {
  left: 0;
}

.sf-com-slider-sync .intro-list .slick-active .intro-card .intro-body,
.sf-com-slider-sync .intro-list .slick-active .intro-card .intro-footer {
  top: 0;
}

.sf-com-slider-sync .intro-card {
  overflow: hidden;
  padding-left: 40px;
}

.sf-com-slider-sync .intro-card .intro-heading {
  margin-bottom: 40px;
  position: relative;
  left: 120%;
  transition: all linear 0.6s;
}

.sf-com-slider-sync .intro-card .intro-heading img {
  display: block;
  height: 35px;
  max-width: 100%;
}

.sf-com-slider-sync .intro-card .intro-body {
  margin-bottom: 40px;
  position: relative;
  top: 300px;
  transition: all linear 0.3s;
  transition-delay: 0.15s;
}

.sf-com-slider-sync .intro-card .intro-body .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
}

.sf-com-slider-sync .intro-card .intro-body .brief {
  color: #454545;
  line-height: 1.7;
  margin: 0;
}

.sf-com-slider-sync .intro-card .intro-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  top: 400px;
  transition: all linear 0.3s;
  transition-delay: 0.15s;
}

.sf-com-slider-sync .intro-card .intro-footer .link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #000000;
  text-decoration: none;
}

.sf-com-slider-sync .intro-card .intro-footer .link span {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #6DAD19;
  display: block;
  font-size: 1.5em;
  margin-left: 15px;
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  transition: all linear 0.3s;
}

.sf-com-slider-sync .intro-card .intro-footer .link:hover span, .sf-com-slider-sync .intro-card .intro-footer .link:active span {
  background-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-slider-sync .intro-card:hover .intro-footer .link, .sf-com-slider-sync .intro-card:active .intro-footer .link {
  color: #6DAD19;
}

.sf-com-slider-sync .intro-card:hover .intro-footer .link span, .sf-com-slider-sync .intro-card:active .intro-footer .link span {
  margin-left: 30px;
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-sync {
    padding: 40px 20px;
  }
  .sf-com-slider-sync .sliders-wrapper .playback {
    bottom: 10px;
  }
  .sf-com-slider-sync .sliders-wrapper .playback::after {
    height: 15px;
    margin-top: 5px;
  }
  .sf-com-slider-sync .sliders-wrapper .playback.paused::after {
    height: 10px;
    width: 10px;
    top: 2px;
    right: 9px;
  }
  .sf-com-slider-sync .image-list .list-item {
    height: 180px;
  }
  .sf-com-slider-sync .thumbnail-list {
    margin: 0;
  }
  .sf-com-slider-sync .thumbnail-list .list-item {
    height: 0;
    overflow: hidden;
  }
  .sf-com-slider-sync .intro-card {
    padding: 20px 0 0 0;
  }
  .sf-com-slider-sync .intro-card .intro-heading {
    margin-bottom: 20px;
  }
  .sf-com-slider-sync .intro-card .intro-body .title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .sf-com-slider-sync .intro-card .intro-body .brief {
    font-size: 14px;
  }
  .sf-com-slider-sync .intro-card .intro-footer .link {
    font-size: 14px;
  }
  .sf-com-slider-sync .intro-card .intro-footer .link span {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-keypoints {
  padding: 90px 0;
}

.sf-com-slider-keypoints .slick-list {
  overflow: hidden;
  height: 100%;
}

.sf-com-slider-keypoints .slick-list .slick-track {
  overflow: hidden;
  height: 100%;
}

.sf-com-slider-keypoints .slick-list .slick-track .slick-slide {
  height: 100%;
  float: left;
}

.sf-com-slider-keypoints .content .keypoints-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints {
  display: flex;
  width: 33%;
  position: relative;
  z-index: 20;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item {
  border-bottom: 2px solid transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  width: 100%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item:last-child {
  border-bottom: none;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item.active .link {
  background-color: #003466;
  color: #FFFFFF;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item.active .link::after {
  width: 35px;
  right: -17px;
  transition: all linear 0.5s;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item.active .link .icon {
  filter: invert(1) brightness(2) grayscale(1);
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  color: #454545;
  height: 100%;
  padding: 10px 50px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  width: 0;
  height: 3px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link .icon {
  display: block;
  max-width: 50px;
  margin-right: 30px;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros {
  width: 67%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list {
  height: 100%;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item {
  position: relative;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image {
  min-height: 480px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image img {
  display: none;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image .image-replacer {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all linear 0.3s;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro {
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 70px 35px 35px 35px;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .title {
  color: #FFFFFF;
  font-size: 26px;
  font-weight: 200;
  margin: 0 0 25px 0;
  padding: 0;
}

.sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .detail {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 200;
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-keypoints {
    padding: 40px 20px;
  }
  .sf-com-slider-keypoints .slick-list .slick-track {
    background-color: #FFFFFF;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper {
    flex-direction: column;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints,
  .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros {
    width: 100%;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints {
    margin-bottom: 10px;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link {
    font-size: 14px;
    font-weight: 200;
    padding: 10px 20px;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link::after {
    display: none;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item .link .icon {
    max-width: 20px;
    margin-right: 15px;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list {
    box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image {
    min-height: 0;
    height: 160px;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .image .image-replacer {
    height: 160px;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro {
    background: #FFFFFF;
    position: static;
    padding: 20px;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .title {
    color: #454545;
    font-size: 16px;
    margin-bottom: 1em;
  }
  .sf-com-slider-keypoints .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .detail {
    color: #454545;
    font-size: 14px;
  }
}

html[data-useragent*='Trident'] .sf-com-slider-keypoints .content .keypoints-wrapper .keypoints .point-list .list-item {
  flex-basis: 120px;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-basic {
  padding: 90px 0;
}

.sf-com-slider-basic .basic-list {
  position: relative;
}

.sf-com-slider-basic .basic-list .slick-arrow {
  display: none;
  font-size: 10px;
  top: 25%;
  background-color: rgba(255, 255, 255, 0.6);
  width: 60px;
  height: 60px;
  position: absolute;
  transition: all linear 0.3s;
  z-index: 20;
}

.sf-com-slider-basic .basic-list .slick-arrow::before {
  content: " ";
  display: block;
  height: 1.5em;
  width: 1.5em;
  border: 2px solid rgba(0, 0, 0, 0.8);
  border-right: none;
  border-top: none;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-slider-basic .basic-list .slick-arrow.prev {
  left: -65px;
}

.sf-com-slider-basic .basic-list .slick-arrow.prev::before {
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-top: -0.6em;
}

.sf-com-slider-basic .basic-list .slick-arrow.next {
  right: -65px;
}

.sf-com-slider-basic .basic-list .slick-arrow.next::before {
  transform: rotate(-135deg);
  top: 50%;
  right: 50%;
  margin-top: -0.6em;
}

.sf-com-slider-basic .basic-list .slick-arrow:hover, .sf-com-slider-basic .basic-list .slick-arrow:focus, .sf-com-slider-basic .basic-list .slick-arrow:active {
  background-color: rgba(255, 255, 255, 0.9);
}

.sf-com-slider-basic .basic-list .slick-arrow:hover.prev::before, .sf-com-slider-basic .basic-list .slick-arrow:focus.prev::before, .sf-com-slider-basic .basic-list .slick-arrow:active.prev::before {
  margin-left: -10px;
}

.sf-com-slider-basic .basic-list .slick-arrow:hover.next::before, .sf-com-slider-basic .basic-list .slick-arrow:focus.next::before, .sf-com-slider-basic .basic-list .slick-arrow:active.next::before {
  margin-right: -10px;
}

.sf-com-slider-basic .basic-list .slick-dots {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-slider-basic .basic-list .slick-dots li {
  margin: 0 7px;
}

.sf-com-slider-basic .basic-list .slick-dots li button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #DDDDDD;
  border: none;
  display: block;
  font-size: 0;
  padding: 0;
}

.sf-com-slider-basic .basic-list .slick-dots li.slick-active button {
  background-color: #003466;
}

.sf-com-slider-basic .basic-list .slick-list {
  overflow: hidden;
}

.sf-com-slider-basic .basic-list .slick-list .slick-track {
  overflow: hidden;
  padding: 0 0 50px 0;
}

.sf-com-slider-basic .basic-list .slick-list .slick-track .slick-slide {
  float: left;
  padding: 20px 10px;
}

.sf-com-slider-basic .basic-list .slick-list .slick-track .slick-slide:focus {
  outline: none;
}

.sf-com-slider-basic.type-nav-only .basic-list .slick-arrow {
  display: block;
}

.sf-com-slider-basic.type-both .basic-list .slick-arrow {
  display: block;
  top: calc(50% - 70px);
}

.sf-com-slider-basic.type-both .basic-list .slick-list .slick-track {
  padding: 0 0 30px 0;
}

.sf-com-slider-basic.type-2-1 {
  padding: 40px 0;
}

.sf-com-slider-basic.type-2-1 .content .sf-title-block {
  margin: 0 0 40px 0;
}

.sf-com-slider-basic.type-7 {
  padding: 90px 0 0;
}

.sf-com-slider-basic.type-7 .basic-list .slick-arrow {
  top: calc(50% - 100px);
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-basic {
    padding: 40px 20px;
  }
  .sf-com-slider-basic .slick-dots li button {
    height: 10px;
    width: 10px;
  }
  .sf-com-slider-basic .basic-list .slick-list .slick-track {
    padding: 20px 0;
  }
  .sf-com-slider-basic .basic-list .slick-list .slick-track .slick-slide {
    padding: 0;
  }
  .sf-com-slider-basic .basic-list .slick-arrow.prev {
    left: 0;
  }
  .sf-com-slider-basic .basic-list .slick-arrow.next {
    right: 0;
  }
  .sf-com-slider-basic .basic-list .list-item {
    flex-direction: row;
    height: auto;
  }
  .sf-com-slider-basic .basic-list .list-item .image.big {
    height: 220px;
    width: 100%;
    margin: 0 0 10px 0;
  }
  .sf-com-slider-basic .basic-list .list-item .image.small {
    height: 100px;
    width: 48%;
    margin: 0 0 10px 0;
  }
  .sf-com-slider-basic.type-both .basic-list .slick-arrow {
    display: none !important;
  }
  .sf-com-slider-basic.type-both .basic-list .slick-list .slick-track {
    padding: 0 0 30px 0;
  }
  .sf-com-slider-basic.type-2-1 {
    padding: 20px 0;
    margin-top: -20px;
  }
  .sf-com-slider-basic.type-2-1 .content .sf-title-block {
    margin: 0;
  }
  .sf-com-slider-basic.type-7 {
    padding: 40px 20px;
  }
  .sf-com-slider-basic.type-7 .basic-list .slick-arrow {
    top: calc(50% - 80px);
  }
  .sf-com-slider-basic.type-7 .basic-list .slick-list .slick-track {
    padding: 20px 0 0;
  }
  .sf-com-slider-basic.type-7 .sf-com-cbc-card {
    margin-bottom: 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-single {
  padding: 0;
}

.sf-com-slider-single .content {
  position: relative;
  z-index: 10;
}

.sf-com-slider-single .content .article {
  width: 80%;
  margin: 0 auto;
}

.sf-com-slider-single .content .article .article-heading {
  font-size: 36px;
  margin-bottom: 1.5em;
  text-align: center;
}

.sf-com-slider-single .content .article .article-heading .title {
  margin: 0;
  font-size: 1em;
  font-weight: 400;
}

.sf-com-slider-single .content .article .article-body {
  font-size: 18px;
  line-height: 1.7;
}

.sf-com-slider-single .content .article .article-body p {
  margin-bottom: 1em;
}

.sf-com-slider-single .basic-list {
  position: relative;
}

.sf-com-slider-single .basic-list .slick-arrow {
  display: none;
  font-size: 10px;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  width: 60px;
  height: 60px;
  margin-top: -30px;
  position: absolute;
  transition: all linear 0.3s;
  z-index: 20;
}

.sf-com-slider-single .basic-list .slick-arrow::before {
  content: " ";
  display: block;
  height: 1.5em;
  width: 1.5em;
  border: 2px solid rgba(0, 0, 0, 0.8);
  border-right: none;
  border-top: none;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-slider-single .basic-list .slick-arrow.prev {
  left: 65px;
}

.sf-com-slider-single .basic-list .slick-arrow.prev::before {
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-top: -0.6em;
}

.sf-com-slider-single .basic-list .slick-arrow.next {
  right: 65px;
}

.sf-com-slider-single .basic-list .slick-arrow.next::before {
  transform: rotate(-135deg);
  top: 50%;
  right: 50%;
  margin-top: -0.6em;
}

.sf-com-slider-single .basic-list .slick-arrow:hover, .sf-com-slider-single .basic-list .slick-arrow:focus, .sf-com-slider-single .basic-list .slick-arrow:active {
  background-color: rgba(255, 255, 255, 0.9);
}

.sf-com-slider-single .basic-list .slick-arrow:hover.prev::before, .sf-com-slider-single .basic-list .slick-arrow:focus.prev::before, .sf-com-slider-single .basic-list .slick-arrow:active.prev::before {
  margin-left: -10px;
}

.sf-com-slider-single .basic-list .slick-arrow:hover.next::before, .sf-com-slider-single .basic-list .slick-arrow:focus.next::before, .sf-com-slider-single .basic-list .slick-arrow:active.next::before {
  margin-right: -10px;
}

.sf-com-slider-single .basic-list .slick-dots {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  margin: 0 auto;
}

.sf-com-slider-single .basic-list .slick-dots li {
  margin: 0 7px;
}

.sf-com-slider-single .basic-list .slick-dots li button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #DDDDDD;
  border: none;
  display: block;
  font-size: 0;
  padding: 0;
}

.sf-com-slider-single .basic-list .slick-dots li.slick-active button {
  background-color: #6DAD19;
}

.sf-com-slider-single .basic-list .slick-list {
  overflow: hidden;
}

.sf-com-slider-single .basic-list .slick-list .slick-track {
  overflow: hidden;
  padding: 0;
}

.sf-com-slider-single .basic-list .slick-list .slick-track .slick-slide {
  float: left;
  padding: 90px 0 120px 0;
}

.sf-com-slider-single .basic-list .slick-list .slick-track .slick-slide:focus {
  outline: none;
}

.sf-com-slider-single.type-nav-only .basic-list .slick-arrow {
  display: block;
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-single {
    padding: 0x;
  }
  .sf-com-slider-single .content .article .article-heading {
    font-size: 22px;
  }
  .sf-com-slider-single .content .article .article-body {
    font-weight: 200;
  }
  .sf-com-slider-single .slick-dots li button {
    height: 10px;
    width: 10px;
  }
  .sf-com-slider-single .basic-list .slick-list .slick-track {
    padding: 0;
  }
  .sf-com-slider-single .basic-list .slick-list .slick-track .slick-slide {
    padding: 40px 0 80px 0;
  }
  .sf-com-slider-single .basic-list .slick-arrow.prev {
    left: 0;
  }
  .sf-com-slider-single .basic-list .slick-arrow.next {
    right: 0;
  }
  .sf-com-slider-single .basic-list .list-item {
    flex-direction: row;
    height: auto;
  }
  .sf-com-slider-single .basic-list .list-item .image.big {
    height: 220px;
    width: 100%;
    margin: 0 0 10px 0;
  }
  .sf-com-slider-single .basic-list .list-item .image.small {
    height: 100px;
    width: 48%;
    margin: 0 0 10px 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-agenda {
  margin-bottom: 40px;
}

.sf-com-agenda .agenda-heading {
  font-size: 26px;
  font-weight: 200;
  padding: 0.8em 0;
}

.sf-com-agenda .agenda-heading .title {
  color: #669ACC;
  font-weight: 200;
  font-size: 24px;
  margin: 0;
  padding: 0;
}

.sf-com-agenda .agenda-body {
  background-color: #F1F7FC;
  padding: 20px 40px;
}

.sf-com-agenda .agenda-body .agenda-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-agenda .agenda-body .agenda-list .list-item {
  border-bottom: 1px solid #D1D1D1;
}

.sf-com-agenda .agenda-body .agenda-list .list-item:last-child {
  border-bottom: none;
}

.sf-com-agenda .agenda-body .agenda-list .list-item .actions {
  display: none;
}

.sf-com-agenda .agenda-body .agenda-grid {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 30px 0;
}

.sf-com-agenda .agenda-body .agenda-grid .time {
  font-size: 24px;
  width: 12%;
}

.sf-com-agenda .agenda-body .agenda-grid .title {
  font-size: 24px;
  width: 30%;
}

.sf-com-agenda .agenda-body .agenda-grid .title .main {
  display: block;
  margin-bottom: 10px;
}

.sf-com-agenda .agenda-body .agenda-grid .title .sub {
  display: block;
  font-size: 18px;
  font-weight: 200;
}

.sf-com-agenda .agenda-body .agenda-grid .detail {
  font-size: 18px;
  line-height: 1.7;
  width: 43%;
}

.sf-com-agenda .agenda-body .agenda-grid .detail p {
  margin-bottom: 10px;
}

.sf-com-agenda .agenda-body .agenda-grid .detail p:last-child {
  margin-bottom: 0;
}

.sf-com-agenda .agenda-body .agenda-grid .links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link {
  display: block;
  margin: 0 5px 10px 5px;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link img {
  display: block;
  height: 50px;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link .y {
  display: none;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link:hover .y, .sf-com-agenda .agenda-body .agenda-grid .links .link:active .y {
  display: block;
}

.sf-com-agenda .agenda-body .agenda-grid .links .link:hover .n, .sf-com-agenda .agenda-body .agenda-grid .links .link:active .n {
  display: none;
}

.sf-com-agenda .agenda-body .agenda-grid .title,
.sf-com-agenda .agenda-body .agenda-grid .detail,
.sf-com-agenda .agenda-body .agenda-grid .links {
  padding-left: 40px;
}

@media screen and (max-width: 1024px) {
  .sf-com-agenda {
    margin-bottom: 20px;
  }
  .sf-com-agenda .agenda-heading {
    font-size: 20px;
  }
  .sf-com-agenda .agenda-body {
    background-color: transparent;
    padding: 0;
  }
  .sf-com-agenda .agenda-body .agenda-list .list-item {
    background-color: #f2f7fd;
    border-bottom: none;
    margin-bottom: 10px;
    padding: 15px;
    position: relative;
  }
  .sf-com-agenda .agenda-body .agenda-list .list-item .actions {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 20;
    height: 25px;
    width: 25px;
  }
  .sf-com-agenda .agenda-body .agenda-list .list-item .actions .toggle {
    display: block;
    height: 25px;
  }
  .sf-com-agenda .agenda-body .agenda-list .list-item .actions .toggle::after {
    content: " ";
    display: block;
    height: 10px;
    width: 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    transition: all linear 0.3s;
    transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-top: -0.5em;
    margin-left: -0.3em;
  }
  .sf-com-agenda .agenda-body .agenda-list .list-item.open .agenda-grid .detail,
  .sf-com-agenda .agenda-body .agenda-list .list-item.open .agenda-grid .links {
    height: auto;
  }
  .sf-com-agenda .agenda-body .agenda-list .list-item.open .actions .toggle::after {
    transform: rotate(-135deg);
    top: 50%;
    left: 50%;
    margin-left: -0.35em;
    margin-top: -0.1em;
  }
  .sf-com-agenda .agenda-body .agenda-grid {
    flex-direction: column;
    padding: 0;
  }
  .sf-com-agenda .agenda-body .agenda-grid .time,
  .sf-com-agenda .agenda-body .agenda-grid .title,
  .sf-com-agenda .agenda-body .agenda-grid .detail,
  .sf-com-agenda .agenda-body .agenda-grid .links {
    width: 100%;
    padding: 0;
  }
  .sf-com-agenda .agenda-body .agenda-grid .time {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .sf-com-agenda .agenda-body .agenda-grid .title {
    font-size: 16px;
  }
  .sf-com-agenda .agenda-body .agenda-grid .detail {
    transition: all linear 0.15s;
    height: 0;
    overflow: hidden;
    font-size: 14px;
    margin: 15px 0;
  }
  .sf-com-agenda .agenda-body .agenda-grid .links {
    transition: height linear 0.85s;
    height: 0;
    overflow: hidden;
    justify-content: flex-start;
  }
  .sf-com-agenda .agenda-body .agenda-grid .links .link {
    margin-right: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-point-highlight {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 30px;
  transition: all linear 0.3s;
  text-align: center;
}

.sf-com-point-highlight .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 420px;
}

.sf-com-point-highlight .content .title {
  color: #003466;
  font-size: 60px;
  font-weight: 600;
}

.sf-com-point-highlight .content .sub {
  font-size: 22px;
  font-weight: 200;
}

.sf-com-point-highlight .content .sub span {
  display: block;
}

.sf-com-point-highlight .content .title,
.sf-com-point-highlight .content .sub {
  max-width: 100%;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: text-shadow linear 0.3s;
}

.sf-com-point-highlight .content .detail {
  font-size: 16px;
  font-weight: 200;
  height: 0;
  line-height: 1.8;
  max-width: 100%;
  overflow: hidden;
  transition: all linear 0.15s;
  text-align-last: left;
}

.sf-com-point-highlight .content .detail p {
  color: transparent;
  margin-top: 100px;
  transition: all linear 0.6s;
}

.sf-com-point-highlight:hover {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}

.sf-com-point-highlight:hover .content .sub {
  margin-bottom: 30px;
}

.sf-com-point-highlight:hover .content .detail {
  opacity: 1;
  height: 12.6em;
}

.sf-com-point-highlight:hover .content .detail p {
  color: #454545;
  margin-top: 0;
}

.sf-com-point-highlight:hover .content .title,
.sf-com-point-highlight:hover .content .sub {
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1024px) {
  .sf-com-point-highlight {
    padding: 15px 20px;
  }
  .sf-com-point-highlight .content {
    min-height: 0;
  }
  .sf-com-point-highlight .content .title {
    font-size: 40px;
    font-weight: 400;
  }
  .sf-com-point-highlight .content .sub {
    font-size: 18px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-mosaic-slider {
  padding: 80px 0;
}

.sf-com-mosaic-slider .slick-slider {
  position: relative;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow {
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #003466;
  position: absolute;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  z-index: 90;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow::after {
  font-size: 16px;
  content: " ";
  display: block;
  height: 1em;
  width: 1em;
  border-left: 2px solid #454545;
  border-bottom: 2px solid #454545;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow.prev {
  left: 0;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow.prev::after {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -0.55em;
  left: 50%;
  margin-left: 0em;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow.next {
  right: 0;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow.next::after {
  transform: rotate(-135deg);
  top: 50%;
  left: 50%;
  margin-top: -0.55em;
  margin-left: -0.7em;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow:hover {
  background-color: #FFFFFF;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow:hover.prev::after {
  margin-left: -0.65em;
}

.sf-com-mosaic-slider .slick-slider .slick-arrow:hover.next::after {
  margin-left: -0.2em;
}

.sf-com-mosaic-slider .mosaic-list {
  list-style-type: none;
  margin: 0;
  padding: 0 50px;
  overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .list-item {
  float: left;
}

.sf-com-mosaic-slider .mosaic-list .slick-list {
  overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track {
  overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track .slick-slide {
  float: left;
  overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track .slick-slide > div {
  overflow: hidden;
}

.sf-com-mosaic-slider .mosaic-list .slick-list .slick-track .slick-slide:focus, .sf-com-mosaic-slider .mosaic-list .slick-list .slick-track .slick-slide:active {
  outline: none;
}

.sf-com-mosaic-slider .attendee {
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin-bottom: 40px;
  padding: 20px 0;
}

.sf-com-mosaic-slider .attendee .pic {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 200px;
  width: 200px;
  margin-bottom: 40px;
  position: relative;
}

.sf-com-mosaic-slider .attendee .pic .image-replacer {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  overflow: hidden;
  height: 200px;
  width: 200px;
  transition: all linear 0.15s;
}

.sf-com-mosaic-slider .attendee .pic img {
  display: none;
}

.sf-com-mosaic-slider .attendee .name {
  display: block;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}

.sf-com-mosaic-slider .attendee .intro {
  display: block;
  font-size: 16px;
  width: 60%;
  margin: 0 auto;
}

.sf-com-mosaic-slider .attendee:hover .pic .image-replacer, .sf-com-mosaic-slider .attendee:active .pic .image-replacer {
  border: 4px solid #6DAD19;
  transform: scale(1.1);
}

.sf-com-mosaic-slider .attendee:hover .name, .sf-com-mosaic-slider .attendee:active .name {
  color: #3A70B7;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-mosaic-slider {
    padding: 40px 0;
  }
  .sf-com-mosaic-slider .slick-slider .slick-arrow {
    height: 35px;
    width: 35px;
  }
  .sf-com-mosaic-slider .slick-slider .slick-arrow.prev {
    left: 25px;
  }
  .sf-com-mosaic-slider .slick-slider .slick-arrow.prev::after {
    margin-left: -0.2em;
  }
  .sf-com-mosaic-slider .slick-slider .slick-arrow.next {
    right: 25px;
  }
  .sf-com-mosaic-slider .attendee {
    margin: 40px 0 0 0;
  }
  .sf-com-mosaic-slider .attendee .pic {
    margin-bottom: 20px;
    height: 160px;
    width: 160px;
  }
  .sf-com-mosaic-slider .attendee .pic .image-replacer {
    height: 160px;
    width: 160px;
  }
  .sf-com-mosaic-slider .attendee .name {
    font-size: 16px;
  }
  .sf-com-mosaic-slider .attendee .intro {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-searchbox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-searchbox .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-searchbox .input-group {
  border: 1px solid #BBBBBB;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-searchbox .input-group .input-group-button,
.sf-com-searchbox .input-group .input-group-text {
  background-color: #FFFFFF;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 0.38rem;
  margin: 0;
  padding: 0;
}

.sf-com-searchbox .input-group .input-group-button {
  color: #6DAD19;
  justify-content: center;
  width: 40px;
}

.sf-com-searchbox .input-group .input-group-text {
  flex-grow: 1;
  justify-content: flex-start;
}

.sf-com-searchbox .close {
  color: #DD2C00;
  font-size: 20px;
  margin-left: 20px;
  text-decoration: none;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-flip-card {
  margin-bottom: 20px;
}

.sf-com-flip-card:hover .content {
  transform: rotateY(180deg);
  transition: transform 0.5s;
}

.sf-com-flip-card:hover .content .cd-front {
  opacity: 0;
}

.sf-com-flip-card:hover .content .cd-back {
  opacity: 1;
}

.sf-com-flip-card:hover .content .cd-back .image {
  bottom: 100px;
}

.sf-com-flip-card:hover .content .cd-back .image .image-replacer {
  display: block !important;
}

.sf-com-flip-card .content {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  height: 400px;
  position: relative;
  transition: transform 1s;
  transform-style: preserve-3d;
}

.sf-com-flip-card .content .cd-front {
  opacity: 1;
  transition: opacity linear 0.3s;
}

.sf-com-flip-card .content .cd-back {
  opacity: 0;
  transition: opacity linear 0.3s;
}

.sf-com-flip-card .content .cd-front,
.sf-com-flip-card .content .cd-back {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: white;
  z-index: 50;
}

.sf-com-flip-card .content .cd-front::after,
.sf-com-flip-card .content .cd-back::after {
  background-color: rgba(0, 0, 0, 0.2);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.sf-com-flip-card .content .cd-front {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.sf-com-flip-card .content .cd-front .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 20;
}

.sf-com-flip-card .content .cd-front .info .icon {
  height: 70px;
  margin-bottom: 40px;
}

.sf-com-flip-card .content .cd-front .info .icon img {
  display: block;
}

.sf-com-flip-card .content .cd-front .info .title {
  color: #FFFFFF;
  font-size: 26px;
  font-weight: 200;
  margin: 0;
  padding: 0;
}

.sf-com-flip-card .content .cd-back {
  transform: rotateY(180deg);
}

.sf-com-flip-card .content .cd-back .detail {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 40px;
  z-index: 20;
}

.sf-com-flip-card .content .cd-back .title {
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  font-size: 26px;
  font-weight: 200;
  color: #FFFFFF;
  z-index: 20;
}

.sf-com-flip-card .content .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  transition: all linear 0.6s;
  z-index: 1;
}

.sf-com-flip-card .content .image img {
  display: none;
}

.sf-com-flip-card .content .image .image-replacer {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all linear 0.3s;
}

.sf-com-flip-card .content .image:hover .image-replacer, .sf-com-flip-card .content .image:active .image-replacer {
  transform: scale(1.1);
}

@media screen and (max-width: 1024px) {
  .sf-com-flip-card .content {
    height: 300px;
  }
  .sf-com-flip-card .content .cd-back .title {
    font-size: 18px;
    left: 30px;
    top: 25px;
  }
  .sf-com-flip-card .content .cd-back .detail {
    padding: 15px;
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-joint-filter {
  margin-bottom: 40px;
}

.sf-com-joint-filter .content .filter-card {
  font-weight: 200;
}

.sf-com-joint-filter .content .filter-card .card-heading {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E2E2E2;
  color: #454545;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 22px;
  padding: 0 1em;
}

.sf-com-joint-filter .content .filter-card .card-heading:hover, .sf-com-joint-filter .content .filter-card .card-heading:active {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.sf-com-joint-filter .content .filter-card .card-heading .title {
  font-size: 1em;
  font-weight: 400;
  line-height: 3;
  margin: 0;
}

.sf-com-joint-filter .content .filter-card .card-heading .toggle {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 1.5em;
  width: 1.5em;
  position: relative;
  text-align: center;
  margin-left: 15px;
}

.sf-com-joint-filter .content .filter-card .card-heading .toggle::before {
  content: " ";
  display: block;
  width: 0.7em;
  height: 0.7em;
  border: 2px solid #454545;
  border-top: none;
  border-right: none;
  font-weight: 200;
  transform: rotate(-45deg);
  margin-top: -0.35em;
  transition: all linear 0.3s;
}

.sf-com-joint-filter .content .filter-card .card-body {
  background-color: #FAFAFA;
  max-height: 0;
  overflow: hidden;
  transition: all linear 0.3s;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list {
  font-weight: 200;
  list-style-type: none;
  margin: 15px 20px;
  padding: 0;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link {
  color: #454545;
  display: block;
  line-height: 2.5;
  position: relative;
  padding-left: 30px;
  width: 100%;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link::before {
  border: 1px solid #E2E2E2;
  border-radius: 2px;
  background-color: #FFFFFF;
  content: " ";
  display: block;
  font-family: "themify";
  font-size: 12px;
  line-height: 1;
  text-align: center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link:hover, .sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link:active {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link.active::before {
  background-color: #6DAD19;
  border-color: #6DAD19;
  content: "\e64c";
  color: #FFFFFF;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link.type-radio::before {
  border-radius: 50%;
  content: " ";
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link.type-radio::after {
  background-color: rgba(255, 255, 255, 0.85);
  content: " ";
  display: block;
  height: 0.5em;
  width: 0.5em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0.25em;
  margin-top: -0.25em;
  z-index: 5;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list.f-col-3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sf-com-joint-filter .content .filter-card .card-body .filt-list.f-col-3 .list-item {
  min-width: 32%;
  margin-right: 1%;
  white-space: nowrap;
}

.sf-com-joint-filter .content .filter-card.active .card-body {
  max-height: 2000px;
}

.sf-com-joint-filter .content .filter-card.columns-2 .card-body, .sf-com-joint-filter .content .filter-card.columns-3 .card-body {
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.sf-com-joint-filter.type-2 {
  border-top: 4px solid #669ACC;
  background-color: #FAFAFA;
}

.sf-com-joint-filter.type-3 {
  background-color: #FAFAFA;
  padding: 10px 30px;
}

.sf-com-joint-filter.type-3 .content .filter-card {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  padding: 5px;
  position: relative;
}

.sf-com-joint-filter.type-3 .content .filter-card .title {
  display: inline-flex;
  font-size: 1em;
  font-weight: 400;
  margin-top: .5rem;
  min-width: 42px;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list {
  display: inline-block;
  list-style: none;
  margin: 0 50px 0 0;
  padding-left: 15px;
  height: 40px;
  overflow: hidden;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item {
  display: inline-block;
  margin: 0 10px;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link {
  color: #454545;
  display: block;
  line-height: 1.5;
  position: relative;
  padding: 0.5em 0 0.5em 30px;
  width: 100%;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link::before {
  border: 1px solid #E2E2E2;
  border-radius: 2px;
  background-color: #FFFFFF;
  content: " ";
  display: block;
  font-family: "themify";
  font-size: 12px;
  line-height: 1;
  text-align: center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link:hover, .sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link:active {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link.active::before {
  background-color: #6DAD19;
  border-color: #6DAD19;
  content: "\e64c";
  color: #FFFFFF;
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link.type-radio::before {
  border-radius: 50%;
  content: " ";
}

.sf-com-joint-filter.type-3 .content .filter-card .filt-list .list-item .link.type-radio::after {
  background-color: rgba(255, 255, 255, 0.85);
  content: " ";
  display: block;
  height: 0.5em;
  width: 0.5em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0.25em;
  margin-top: -0.25em;
  z-index: 5;
}

.sf-com-joint-filter.type-3 .content .filter-card .more {
  display: none;
  font-size: 14px;
  margin-left: 15px;
  line-height: 35px;
  position: absolute;
  right: 0;
}

.sf-com-joint-filter.type-3 .content .filter-card .more .toggle {
  height: 1.5em;
  width: 1.5em;
  position: relative;
  text-align: center;
  margin-left: 5px;
  margin-top: 15px;
}

.sf-com-joint-filter.type-3 .content .filter-card .more .toggle::before {
  content: " ";
  display: block;
  width: 0.7em;
  height: 0.7em;
  border: 2px solid #454545;
  border-top: none;
  border-right: none;
  font-weight: 200;
  transform: rotate(-45deg);
  margin-top: -0.35em;
  transition: all linear 0.3s;
}

.sf-com-joint-filter.type-3 .content .filter-card:last-child {
  border-bottom: 0px solid #f0f0f0;
}

.sf-com-joint-filter.type-3 .content .filter-card.has-more .more {
  display: inline-flex;
}

.sf-com-joint-filter.type-3 .content .filter-card.has-more.active .filt-list {
  height: auto;
  transition: all linear 0.3s;
}

@media screen and (max-width: 1024px) {
  .sf-com-joint-filter .content .filter-card .card-heading {
    font-size: 16px;
  }
  .sf-com-joint-filter .content .filter-card .card-heading .title {
    font-weight: 200;
  }
  .sf-com-joint-filter .content .filter-card .card-body .filt-list {
    justify-content: space-between;
  }
  .sf-com-joint-filter .content .filter-card .card-body .filt-list.f-col-3 .list-item {
    min-width: 48%;
  }
  .sf-com-joint-filter.type-3 {
    display: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-news-search-box {
  background-color: #eaf1fc;
  padding: 40px 20px;
}

.sf-com-news-search-box .content .search-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  margin-bottom: 20px;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.sf-com-news-search-box .content .search-box .form-control {
  border-radius: 8px 0 0 8px;
  border-right: none;
  height: auto;
  line-height: 2.5;
  padding-top: 1em;
  padding-bottom: 1em;
}

.sf-com-news-search-box .content .search-box .form-control:focus {
  outline: none;
  box-shadow: none;
}

.sf-com-news-search-box .content .search-box .form-control:focus + .input-group-append .search-button {
  border-color: #80bdff;
}

.sf-com-news-search-box .content .search-box .search-button {
  border: 1px solid #D9D9D9;
  border-left: none;
  border-radius: 0 8px 8px 0;
  background-color: #FFFFFF;
  width: 3em;
  transition: all linear 0.3s;
}

.sf-com-news-search-box .content .search-box .search-button span {
  font-size: 1.3em;
}

.sf-com-news-search-box .content .search-box .search-button:hover, .sf-com-news-search-box .content .search-box .search-button:active {
  color: #6DAD19;
}

.sf-com-news-search-box .content .search-suggest {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-news-search-box .content .search-suggest .link {
  display: block;
  color: #888888;
  font-size: 20px;
  font-weight: 200;
  padding: 0 10px;
  position: relative;
}

.sf-com-news-search-box .content .search-suggest .link::after {
  background-color: #999999;
  content: " ";
  display: block;
  height: 0.8em;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4em;
}

.sf-com-news-search-box .content .search-suggest .link:last-child::after {
  display: none;
}

.sf-com-news-search-box.type-2 {
  background-color: transparent;
}

.sf-com-news-search-box.type-3 {
  background-color: transparent;
}

.sf-com-news-search-box.type-3 .content .search-box {
  max-width: 100%;
}

.sf-com-news-search-box.type-3 .content .search-box .form-control {
  border-radius: 3px 0 0 3px;
  line-height: 2;
}

.sf-com-news-search-box.type-3 .content .search-box .search-button {
  border-radius: 0 3px 3px 0;
  background-color: #669ACC;
  border-color: #669ACC;
  color: #FFFFFF;
  width: 4em;
}

.search-box-filter-toggle {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-news-search-box {
    padding: 30px 20px;
  }
  .sf-com-news-search-box .content .search-box .form-control {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
  .sf-com-news-search-box .content .search-suggest {
    overflow: hidden;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .sf-com-news-search-box .content .search-suggest .link {
    font-size: 14px;
    white-space: nowrap;
  }
  .search-box-filter-toggle {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ced4da;
    margin-right: 15px;
  }
  .search-box-filter-content .com-heading {
    background-color: #f0f0f0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }
  .search-box-filter-content .com-heading .title {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
  }
  .search-box-filter-content .com-heading .close {
    font-size: 14px;
    height: 2.5em;
    line-height: 2.5em;
    padding-right: 4em;
  }
  .search-box-filter-content .com-heading .close:hover em, .search-box-filter-content .com-heading .close:focus em, .search-box-filter-content .com-heading .close:active em {
    transform: scale(0.4);
  }
  .search-box-filter-content .com-body {
    padding: 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-news-search-result .content .sf-title-block {
  margin: 0 0 30px 0;
}

.sf-com-news-search-result .content .sf-title-block .title {
  text-align-last: left;
  line-height: 1;
}

.sf-com-news-search-result .content .list-filter {
  background-color: #7e8c99;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 30px;
}

.sf-com-news-search-result .content .list-filter .title {
  font-size: 0.9em;
  font-weight: 200;
}

.sf-com-news-search-result .content .list-filter .filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sf-com-news-search-result .content .list-filter .filters .link {
  display: block;
  color: #FFFFFF;
  padding: 0 20px 0 10px;
  margin: 0 5px;
  position: relative;
}

.sf-com-news-search-result .content .list-filter .filters .link::after {
  border: 1px solid #FFFFFF;
  border-top: none;
  border-right: none;
  content: " ";
  display: block;
  height: 0.4em;
  width: 0.4em;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -0.2em;
}

.sf-com-news-search-result .content .list-filter .filters .link.active {
  color: #0CE356;
}

.sf-com-news-search-result .content .list-filter .filters .link.active::after {
  border-color: #0CE356;
}

.sf-com-news-search-result .content .news-list ul, .sf-com-news-search-result .content .news-list ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-news-search-result .content .news-list ul li, .sf-com-news-search-result .content .news-list ol li {
  margin-bottom: 15px;
}

.sf-com-news-search-result .content .news-list ul li .link, .sf-com-news-search-result .content .news-list ol li .link {
  display: block;
  color: #454545;
  background-color: #FFFFFF;
  border-radius: 3px;
  font-weight: 200;
  padding: 0.6em 1em;
}

.sf-com-news-search-result .content .news-list ul li .link .title, .sf-com-news-search-result .content .news-list ol li .link .title {
  font-size: 22px;
}

.sf-com-news-search-result .content .news-list ul li .link:hover, .sf-com-news-search-result .content .news-list ul li .link:active, .sf-com-news-search-result .content .news-list ol li .link:hover, .sf-com-news-search-result .content .news-list ol li .link:active {
  background-color: #83acd2;
  color: #FFFFFF;
  text-decoration: none;
}

.sf-com-news-search-result .content .news-card {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.sf-com-news-search-result .content .news-card:last-child {
  border-bottom: none;
}

.sf-com-news-search-result .content .news-card .card-heading,
.sf-com-news-search-result .content .news-card .card-body,
.sf-com-news-search-result .content .news-card .card-footer {
  display: block;
  padding: 7px 0;
}

.sf-com-news-search-result .content .news-card .card-heading {
  font-size: 20px;
  color: #000000;
}

.sf-com-news-search-result .content .news-card .card-heading .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-news-search-result .content .news-card .card-heading .title h1, .sf-com-news-search-result .content .news-card .card-heading .title h2, .sf-com-news-search-result .content .news-card .card-heading .title h3, .sf-com-news-search-result .content .news-card .card-heading .title h4, .sf-com-news-search-result .content .news-card .card-heading .title h5, .sf-com-news-search-result .content .news-card .card-heading .title h6 {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-news-search-result .content .news-card .card-heading:hover, .sf-com-news-search-result .content .news-card .card-heading:focus, .sf-com-news-search-result .content .news-card .card-heading:active {
  text-decoration: none;
  color: #6DAD19;
}

.sf-com-news-search-result .content .news-card .card-body {
  color: #999999;
  font-weight: 200;
  line-height: 1.6;
}

.sf-com-news-search-result .content .news-card .card-body p {
  margin: 0;
}

.sf-com-news-search-result .content .news-card .card-footer {
  color: #888888;
  font-size: 14px;
  font-weight: 200;
}

.sf-com-news-search-result .content .news-card .card-footer .metas {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-news-search-result .content .news-card .card-footer .metas .meta-item {
  color: #888888;
  display: block;
  margin-right: 30px;
}

.sf-com-news-search-result .content .news-card .card-footer .metas .meta-item:last-child {
  margin-right: 0;
}

.sf-com-news-search-result .content .news-card .card-footer .metas .meta-item .icon {
  color: #669ACC;
  margin-right: 10px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .sf-com-news-search-result .content .news-card .card-heading {
    margin-bottom: 20px;
  }
  .sf-com-news-search-result .content .news-card .card-body {
    display: none;
  }
  .sf-com-news-search-result .content .news-card .card-footer .metas {
    flex-wrap: wrap;
  }
  .sf-com-news-search-result .content .news-card .card-footer .metas .meta-item {
    margin-right: 10px;
    white-space: nowrap;
  }
  .sf-com-news-search-result .content .news-card .card-footer .metas .meta-item .icon {
    margin-right: 3px;
  }
  .sf-com-news-search-result .content .news-list ul li .link .title, .sf-com-news-search-result .content .news-list ol li .link .title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px;
  }
  .sf-com-news-search-result .content .news-list ul li .link .date, .sf-com-news-search-result .content .news-list ul li .link .loc, .sf-com-news-search-result .content .news-list ol li .link .date, .sf-com-news-search-result .content .news-list ol li .link .loc {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-pagination {
  font-size: 18px;
  font-weight: 200;
  padding: 40px 0;
}

.sf-com-pagination .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-pagination .content .nav {
  color: #669ACC;
  white-space: nowrap;
}

.sf-com-pagination .content .nav:hover, .sf-com-pagination .content .nav:active {
  text-decoration: none;
}

.sf-com-pagination .content .nav.disabled {
  color: #999999;
}

.sf-com-pagination .content .page-list {
  list-style-type: none;
  margin: 0 30px;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sf-com-pagination .content .page-list .list-item {
  margin: 0 3px;
}

.sf-com-pagination .content .page-list .list-item .link {
  display: block;
  color: #669ACC;
  height: 30px;
  line-height: 30px;
  min-width: 30px;
  padding: 0 3px;
  text-align: center;
}

.sf-com-pagination .content .page-list .list-item .link:hover, .sf-com-pagination .content .page-list .list-item .link:active, .sf-com-pagination .content .page-list .list-item .link.active {
  text-decoration: none;
  background-color: #669ACC;
  color: #FFFFFF;
}

.sf-com-pagination .content .page-list .list-item.invi {
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
}

.sf-com-pagination .content .page-list .list-item:not(.invi) + .invi {
  font-size: 0;
  position: relative;
  width: auto;
  height: auto;
}

.sf-com-pagination .content .page-list .list-item:not(.invi) + .invi a {
  display: inline-block;
  font-size: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}

.sf-com-pagination .content .page-list .list-item:not(.invi) + .invi::before {
  font-size: 14px;
  content: "...";
  display: block;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .sf-com-pagination {
    padding: 20px 0;
  }
  .sf-com-pagination .content .nav {
    white-space: nowrap;
  }
  .sf-com-pagination .content .nav .text {
    display: none;
  }
  .sf-com-pagination .content .page-list {
    flex-wrap: wrap;
    margin: 0 10px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-modal {
  background-color: #FFFFFF;
  box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
  display: none;
  position: relative;
}

.sf-com-modal.active {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 15%;
  margin: 0 auto;
  width: 800px;
  max-width: 100%;
  z-index: 300;
}

.sf-com-modal .modal-button {
  color: #454545;
  background-color: #edeef3;
  display: inline-block;
  font-weight: 200;
  line-height: 1;
  padding: 0.8em 3em;
  position: relative;
}

.sf-com-modal .modal-button::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all linear 0.3s;
  z-index: 0;
}

.sf-com-modal .modal-button:hover, .sf-com-modal .modal-button:focus, .sf-com-modal .modal-button:active {
  text-decoration: none;
}

.sf-com-modal .modal-button:hover::before, .sf-com-modal .modal-button:focus::before, .sf-com-modal .modal-button:active::before {
  background-color: rgba(0, 0, 0, 0.1);
}

.sf-com-modal .modal-button.mb-success {
  background-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-modal .modal-checkbox {
  color: #454545;
  display: inline-block;
  line-height: 2;
  position: relative;
  padding-left: 30px;
}

.sf-com-modal .modal-checkbox::before {
  border: 1px solid #E2E2E2;
  border-radius: 2px;
  background-color: #FFFFFF;
  content: " ";
  display: block;
  font-family: "themify";
  font-size: 12px;
  line-height: 1;
  text-align: center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.sf-com-modal .modal-checkbox:hover, .sf-com-modal .modal-checkbox:active {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-modal .modal-checkbox.active::before {
  background-color: #6DAD19;
  border-color: #6DAD19;
  content: "\e64c";
  color: #FFFFFF;
}

.sf-com-modal .modal-heading,
.sf-com-modal .modal-body,
.sf-com-modal .modal-footer {
  padding: 20px 35px;
}

.sf-com-modal .modal-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sf-com-modal .modal-heading .title {
  font-size: 20px;
  font-weight: 200;
  margin: 0;
}

.sf-com-modal .modal-body {
  border-left: none;
  border-right: none;
}

.sf-com-modal .modal-footer .modal-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.sf-com-modal .modal-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}

.sf-com-modal .modal-icon .icon {
  color: #669ACC;
  font-size: 4em;
}

.sf-com-modal .modal-close {
  color: #454545;
  display: block;
  position: absolute;
  right: 15px;
  top: 10px;
  padding: 5px 10px;
  z-index: 50;
}

.sf-com-modal .modal-close:hover, .sf-com-modal .modal-close:focus, .sf-com-modal .modal-close:active {
  text-decoration: none;
  color: #DD2C00;
}

.sf-com-modal .modal-content {
  margin-bottom: 20px;
}

.sf-com-modal .modal-content .content-title {
  color: #000000;
  font-size: 1.6em;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0.5em;
}

.sf-com-modal .modal-content .content-body .text-center {
  text-align: center;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-lang-switch {
  font-size: 14px;
  position: relative;
}

.sf-com-lang-switch.active .lang-active::after {
  transform: rotate(225deg);
  margin-top: -2px;
}

.sf-com-lang-switch.active .lang-box {
  display: flex;
}

.sf-com-lang-switch a {
  color: #454545;
}

.sf-com-lang-switch a:hover, .sf-com-lang-switch a:focus, .sf-com-lang-switch a:active {
  text-decoration: none;
}

.sf-com-lang-switch .lang-active {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding-right: 30px;
}

.sf-com-lang-switch .lang-active::after {
  content: " ";
  display: block;
  height: 8px;
  width: 8px;
  border: 1px solid #454545;
  border-left: none;
  border-top: none;
  position: absolute;
  right: 10px;
  transform: rotate(45deg);
  transition: all linear 0.3s;
  top: 50%;
  margin-top: -5px;
}

.sf-com-lang-switch .lang-active .lang-name {
  margin-left: 15px;
}

.sf-com-lang-switch .lang-box {
  background-color: #FFFFFF;
  border-top: 4px solid #6DAD19;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 90;
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  white-space: nowrap;
  width: 160px;
}

.sf-com-lang-switch .lang-box .lang {
  display: block;
  line-height: 3;
  padding-left: 45px;
  width: 100%;
}

.sf-com-lang-switch .lang-box .lang:hover, .sf-com-lang-switch .lang-box .lang:focus, .sf-com-lang-switch .lang-box .lang:active {
  background-color: #EAEAEA;
}

@media screen and (max-width: 1024px) {
  .sf-com-lang-switch .lang-active {
    padding-right: 0;
  }
  .sf-com-lang-switch .lang-active::after {
    display: none;
  }
  .sf-com-lang-switch .lang-active .lang-name {
    display: none;
  }
  .sf-com-lang-switch .lang-box {
    width: auto;
    left: auto;
    right: 0;
  }
  .sf-com-lang-switch .lang-box .lang {
    padding: 0 35px;
    text-align: center;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-search-toolbar {
  background-color: #7e8c99;
  position: relative;
  z-index: 90;
}

.sf-com-search-toolbar .content .sf-com-joint-filter {
  margin-bottom: 0;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card {
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.active .card-body {
  height: auto;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading {
  background-color: transparent;
  border-bottom: none;
  color: #FFFFFF;
  font-size: 18px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading .title {
  font-weight: 200;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading .toggle::before {
  border-width: 1px;
  border-color: #FFFFFF;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 100%;
  height: 0;
  left: 0;
  overflow: hidden;
  transition: all linear 0.3s;
  min-width: 170px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-2 .card-body .filt-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 400px;
  width: 400px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-2 .card-body .filt-list .list-item {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  width: 180px;
  margin-right: 20px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-3 .card-body {
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-3 .card-body .filt-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 600px;
}

.sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.columns-3 .card-body .filt-list .list-item {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  width: 180px;
  margin-right: 20px;
}

.sf-com-search-toolbar .content .search-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

.sf-com-search-toolbar .content .search-box .search-text {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 0;
  border: none;
  color: #FFFFFF;
  height: 100%;
  padding: 0;
  width: 0;
  transition: all linear 0.3s;
}

.sf-com-search-toolbar .content .search-box .search-button {
  border: none;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  font-size: 22px;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  width: 3em;
}

.sf-com-search-toolbar .content .search-box .search-button:hover, .sf-com-search-toolbar .content .search-box .search-button:active {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.sf-com-search-toolbar .content .search-box.active .search-text {
  max-width: 100%;
  width: 300px;
  padding: 0 10px;
}

@media screen and (max-width: 1024px) {
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card {
    flex-shrink: 1;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card:first-child {
    border-left: none;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading {
    font-size: 14px;
    padding: 0 5px;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading .toggle {
    margin-left: 3px;
    height: 10px;
    width: 10px;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-heading .toggle::before {
    width: 4px;
    height: 4px;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body {
    z-index: 2;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body .filt-list {
    z-index: 2;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item {
    z-index: 2;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card .card-body .filt-list .list-item .link {
    z-index: 2;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.multi-columns .card-body {
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.multi-columns .card-body .filt-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .sf-com-search-toolbar .content .sf-com-joint-filter .content .filter-card.multi-columns .card-body .filt-list .list-item {
    width: 50%;
  }
  .sf-com-search-toolbar .content .search-box {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
  }
  .sf-com-search-toolbar .content .search-box .search-text {
    flex-grow: 1;
    height: 35px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-qdoc-viewer .content iframe {
  display: block;
  width: 100%;
  height: 800px;
  height: 85vh;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-load-more {
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
  display: block;
  color: #6DAD19;
  margin: 30px 0;
}

.sf-com-load-more .content {
  text-align: center;
  font-weight: 200;
  padding: 1.2em;
}

.sf-com-load-more:hover, .sf-com-load-more:active {
  text-decoration: none;
  background-color: #6DAD19;
  color: #FFFFFF;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-search-message {
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
}

.sf-com-search-message .content {
  font-weight: 200;
  padding: 30px 20px;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-search-category {
  border-bottom: 1px solid #DDDDDD;
}

.sf-com-search-category .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}

.sf-com-search-category .content .cat-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.sf-com-search-category .content .cat-list .list-item .link {
  color: #000000;
  display: block;
  font-weight: 200;
  padding: 0 1em;
  line-height: 4;
  position: relative;
  height: 100%;
}

.sf-com-search-category .content .cat-list .list-item .link::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 3px;
  transition: all linear 0.3s;
}

.sf-com-search-category .content .cat-list .list-item .link.active, .sf-com-search-category .content .cat-list .list-item .link:hover, .sf-com-search-category .content .cat-list .list-item .link:focus, .sf-com-search-category .content .cat-list .list-item .link:active {
  text-decoration: none;
}

.sf-com-search-category .content .cat-list .list-item .link.active::after, .sf-com-search-category .content .cat-list .list-item .link:hover::after, .sf-com-search-category .content .cat-list .list-item .link:focus::after, .sf-com-search-category .content .cat-list .list-item .link:active::after {
  background-color: #6DAD19;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .sf-com-search-category .content {
    font-size: 14px;
    padding: 20px;
  }
  .sf-com-search-category .content .cat-list {
    justify-content: space-between;
  }
  .sf-com-search-category .content .cat-list .list-item {
    min-width: 50%;
  }
  .sf-com-search-category .content .cat-list .list-item .link {
    line-height: 3;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-search-result {
  padding: 40px 20px;
}

.sf-com-search-result .content .search-config {
  font-weight: 200;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  line-height: 2;
  margin-bottom: 40px;
}

.sf-com-search-result .content .search-config .status .link {
  color: #6DAD19;
  text-decoration: underline;
}

.sf-com-search-result .content .search-config .amount .link {
  color: #454545;
  display: inline-block;
  position: relative;
  padding: 0 7px;
}

.sf-com-search-result .content .search-config .amount .link::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 3px;
  transition: all linear 0.3s;
}

.sf-com-search-result .content .search-config .amount .link.active, .sf-com-search-result .content .search-config .amount .link:hover, .sf-com-search-result .content .search-config .amount .link:focus, .sf-com-search-result .content .search-config .amount .link:active {
  text-decoration: none;
}

.sf-com-search-result .content .search-config .amount .link.active::after, .sf-com-search-result .content .search-config .amount .link:hover::after, .sf-com-search-result .content .search-config .amount .link:focus::after, .sf-com-search-result .content .search-config .amount .link:active::after {
  background-color: #6DAD19;
  width: 100%;
}

.sf-com-search-result .content .search-config .ordering {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sf-com-search-result .content .search-config .ordering .link {
  color: #454545;
  display: block;
  padding: 0 10px;
  position: relative;
}

.sf-com-search-result .content .search-config .ordering .link::after {
  content: " ";
  position: absolute;
  height: 0.8em;
  top: 50%;
  margin-top: -0.4em;
  right: 0;
  background-color: #454545;
  width: 1px;
}

.sf-com-search-result .content .search-config .ordering .link.active, .sf-com-search-result .content .search-config .ordering .link:hover, .sf-com-search-result .content .search-config .ordering .link:focus, .sf-com-search-result .content .search-config .ordering .link:active {
  color: #6DAD19;
}

.sf-com-search-result .content .search-config .ordering .link:last-child::after {
  display: none;
}

.sf-com-search-result .content .search-result .result-card {
  border-bottom: 1px solid #DEDEDE;
  padding: 15px 0;
}

.sf-com-search-result .content .search-result .result-card .card-heading {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.sf-com-search-result .content .search-result .result-card .card-heading .title {
  color: #000000;
  display: block;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
}

.sf-com-search-result .content .search-result .result-card .card-heading .title:hover, .sf-com-search-result .content .search-result .result-card .card-heading .title:focus, .sf-com-search-result .content .search-result .result-card .card-heading .title:active {
  color: #6DAD19;
}

.sf-com-search-result .content .search-result .result-card .card-heading .tag {
  display: block;
  background-color: #6DAD19;
  color: #FFFFFF;
  font-size: 0.85em;
  font-weight: 200;
  line-height: 1;
  padding: 3px 5px 4px 5px;
}

.sf-com-search-result .content .search-result .result-card .card-body {
  color: #454545;
  font-weight: 200;
  padding: 15px 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

.sf-com-search-result .content .search-result .result-card .card-body .info {
  color: #888888;
  flex-shrink: 1;
  line-height: 1.8;
  max-height: 5.4em;
  overflow: hidden;
}

.sf-com-search-result .content .search-result .result-card .card-body .info p {
  margin: 0;
  overflow: hidden;
}

.sf-com-search-result .content .search-result .result-card .card-body .image {
  flex-shrink: 0;
  margin-right: 20px;
  max-width: 30%;
}

.sf-com-search-result .content .search-result .result-card .card-body .image img {
  display: block;
  max-height: 100px;
  max-width: 100%;
}

.sf-com-search-result .content .search-result .result-card .card-footer .tags {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 200;
}

.sf-com-search-result .content .search-result .result-card .card-footer .tags .tag {
  color: #888888;
}

.sf-com-search-result .content .search-result .result-card .card-footer .tags .tag [class^=ti-] {
  color: #669ACC;
}

.sf-com-search-result .content .search-result .result-card .key {
  color: #6DAD19;
}

.sf-com-search-result .content .search-highlight {
  border: 1px solid #DEDEDE;
  padding: 10px 20px;
}

.sf-com-search-result .content .search-highlight .search-result .result-card {
  border-bottom: none;
}

.sf-com-search-result .content .search-related {
  font-weight: 200;
  margin-top: 40px;
}

.sf-com-search-result .content .search-related .related-card {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.sf-com-search-result .content .search-related .related-card .card-heading {
  flex-shrink: 0;
}

.sf-com-search-result .content .search-related .related-card .card-heading .title {
  margin: 0;
  font-size: 16px;
  font-weight: 200;
  color: #000000;
}

.sf-com-search-result .content .search-related .related-card .card-body {
  padding-left: 50px;
}

.sf-com-search-result .content .search-related .related-card .card-body ul, .sf-com-search-result .content .search-related .related-card .card-body ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sf-com-search-result .content .search-related .related-card .card-body ul li, .sf-com-search-result .content .search-related .related-card .card-body ol li {
  min-width: 200px;
  margin-bottom: 20px;
}

.sf-com-search-result .content .search-related .related-card .card-body ul li a, .sf-com-search-result .content .search-related .related-card .card-body ol li a {
  color: #888888;
}

@media screen and (max-width: 1024px) {
  .sf-com-search-result .content .search-config {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .sf-com-search-result .content .search-config .ordering .link:first-child {
    padding-left: 0;
  }
  .sf-com-search-result .content .search-config .ordering .link:last-child {
    padding-right: 0;
  }
  .sf-com-search-result .content .search-result .result-card {
    padding: 10px 0;
  }
  .sf-com-search-result .content .search-result .result-card .card-heading .title {
    font-size: 16px;
  }
  .sf-com-search-result .content .search-result .result-card .card-body {
    font-size: 14px;
    padding: 10px 0;
  }
  .sf-com-search-result .content .search-result .result-card .card-body img {
    max-height: 70px;
  }
  .sf-com-search-result .content .search-result .result-card .card-footer {
    font-size: 12px;
  }
  .sf-com-search-result .content .search-related .related-card {
    flex-direction: column;
  }
  .sf-com-search-result .content .search-related .related-card .card-heading {
    margin-bottom: 10px;
  }
  .sf-com-search-result .content .search-related .related-card .card-body {
    font-size: 14px;
    padding-left: 0;
  }
  .sf-com-search-result .content .search-related .related-card .card-body ul li, .sf-com-search-result .content .search-related .related-card .card-body ol li {
    margin-bottom: 5px;
    min-width: 50%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-forms .form-group .form-control {
  border-radius: 0;
}

.sf-com-forms .form-group .form-control::placeholder {
  color: #AAAAAA;
  font-weight: 200;
  font-size: 16px;
}

.sf-com-forms .form-group .form-control:focus, .sf-com-forms .form-group .form-control:active {
  border-color: #6DAD19;
  box-shadow: 0 0 0 0.2rem rgba(109, 173, 25, 0.25);
}

.sf-highlight-required .required-field {
  display: block;
  position: relative;
  padding-left: 15px;
}

.sf-highlight-required .required-field::before {
  content: "*";
  display: block;
  color: red;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 10px;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-login-card {
  padding: 90px 0;
}

.sf-com-login-card .content {
  max-width: 400px;
  margin: 0 auto;
}

.sf-com-login-card .content .login-card > .card-heading {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 30px;
}

.sf-com-login-card .content .login-card > .card-heading .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  position: relative;
  padding: 0 1.5em;
}

.sf-com-login-card .content .login-card > .card-heading .title::before, .sf-com-login-card .content .login-card > .card-heading .title::after {
  content: " ";
  display: block;
  width: 6px;
  height: 1em;
  position: absolute;
  top: 0.3em;
}

.sf-com-login-card .content .login-card > .card-heading .title::before {
  background-color: #6DAD19;
  left: 0;
}

.sf-com-login-card .content .login-card > .card-heading .title::after {
  background-color: #669ACC;
  right: 0;
}

.sf-com-login-card .content .login-card .card-footer {
  padding: 20px 0;
}

.sf-com-login-card .content .login-card .card-body .form-group {
  position: relative;
}

.sf-com-login-card .content .login-card .card-body .form-group .icon {
  display: block;
  height: 1em;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 1em;
  pointer-events: none;
}

.sf-com-login-card .content .login-card .card-body .form-control.username {
  position: relative;
}

.sf-com-login-card .content .login-card .card-body .form-control.username::before {
  content: " ";
  display: block;
  height: 1.1em;
  width: 1.1em;
  top: 0.7em;
  background-image: url(/Assets/images/svg-icons/user.svg);
}

.sf-com-login-card .content .sf-com-third-party-login {
  margin-top: 30px;
}

.sf-com-login-card .content .password-options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sf-com-login-card .content .password-options .prompt {
  color: #DD2C00;
}

.sf-com-login-card .content .password-options .password-change {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}

.sf-com-login-card .content .password-options .password-change .link {
  color: #000000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-login-card .content .password-options .password-change .link + .link::before {
  background-color: #454545;
  content: " ";
  display: block;
  height: 1em;
  margin: 0 15px;
  width: 1px;
}

.sf-com-login-card .content .create-account {
  font-size: 14px;
  padding: 20px 0;
  position: relative;
  text-align: center;
}

.sf-com-login-card .content .create-account .link {
  color: #689bca;
  border-bottom: 1px solid #689bca;
}

.sf-com-login-card .content .create-account .link:hover, .sf-com-login-card .content .create-account .link:focus, .sf-com-login-card .content .create-account .link:active {
  text-decoration: none;
}

.sf-com-login-card .content .create-account .help {
  color: #C0C0C0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
  position: absolute;
  right: 0;
  top: 20px;
}

.sf-com-login-card .content .create-account .help .icon {
  border-radius: 50%;
  background-color: #C0C0C0;
  color: #FFFFFF;
  display: block;
  margin-right: 10px;
  height: 1.1em;
  width: 1.1em;
}

.sf-com-login-card .content .form-group {
  margin-bottom: 25px;
}

.sf-com-login-card .content .form-group .form-control {
  height: auto;
  padding: 0.8em 0.8em 0.8em 3em;
}

.sf-com-login-card .content .button-submit {
  border: none;
  background-color: #6DAD19;
  color: #FFFFFF;
  font-weight: 200;
  margin-top: 10px;
  padding: 0.8em;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .sf-com-login-card {
    padding: 90px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-third-party-login .content .com-card .card-heading {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}

.sf-com-third-party-login .content .com-card .card-heading .title {
  background-color: #FFFFFF;
  color: #999999;
  font-weight: 200;
  padding: 0 0.5em;
  margin: 0 auto;
  margin-bottom: -0.7em;
}

.sf-com-third-party-login .content .com-card .card-body {
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  padding: 40px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.sf-com-third-party-login .content .com-card .card-body .tp-login {
  margin: 0 4%;
  opacity: 0.3;
  transition: all linear 0.3s;
}

.sf-com-third-party-login .content .com-card .card-body .tp-login img {
  filter: grayscale(1) brightness(0);
  transition: all linear 0.3s;
}

.sf-com-third-party-login .content .com-card .card-body .tp-login:hover, .sf-com-third-party-login .content .com-card .card-body .tp-login:focus, .sf-com-third-party-login .content .com-card .card-body .tp-login:active {
  opacity: 1;
}

.sf-com-third-party-login .content .com-card .card-body .tp-login:hover img, .sf-com-third-party-login .content .com-card .card-body .tp-login:focus img, .sf-com-third-party-login .content .com-card .card-body .tp-login:active img {
  filter: none;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-introduction {
  padding: 90px 0;
}

.sf-com-introduction .content > .row > [class^=col-] {
  display: flex;
  align-items: center;
}

.sf-com-introduction img {
  max-width: 100%;
  width: 100%;
}

.sf-com-introduction .title {
  font-size: 36px;
  font-weight: 400;
  margin: 0.5em 0 1em 0;
  padding: 0;
}

.sf-com-introduction .title-lv-2 {
  font-size: 24px;
  font-weight: 400;
}

.sf-com-introduction .intro {
  font-weight: 200;
  line-height: 1.8;
  margin-bottom: 1em;
}

.sf-com-introduction .intro p {
  margin: 0;
}

.sf-com-introduction .intro .sf-cross-btn,
.sf-com-introduction .intro .sf-com-arrow-link {
  font-size: 16px;
  margin-top: 30px;
}

.sf-com-introduction .intro-type-normal {
  max-width: 100%;
}

.sf-com-introduction .intro-type-topline {
  border-top: 2px solid #a4c6da;
  color: #454545;
  display: block;
  margin-top: 60px;
  max-width: 100%;
  padding: 40px;
  position: relative;
}

.sf-com-introduction .intro-type-topline::after {
  background-color: transparent;
  content: " ";
  display: block;
  height: 4px;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  transition: all linear 0.3s;
}

.sf-com-introduction .intro-type-topline:hover, .sf-com-introduction .intro-type-topline:focus, .sf-com-introduction .intro-type-topline:active {
  text-decoration: none;
}

.sf-com-introduction .intro-type-topline:hover::after, .sf-com-introduction .intro-type-topline:focus::after, .sf-com-introduction .intro-type-topline:active::after {
  background-color: #6DAD19;
  width: 100%;
}

.sf-com-introduction.type-2 .intro-type-topline .title-lv-2 {
  position: relative;
  padding-right: 1.5em;
}

.sf-com-introduction.type-2 .intro-type-topline .title-lv-2::after {
  content: "\e628";
  color: #669ACC;
  display: block;
  font-family: "themify";
  font-size: 1em;
  position: absolute;
  right: 0;
  top: 0;
  transition: all linear 0.3s;
}

.sf-com-introduction.type-2 .intro-type-topline:hover .title-lv-2::after, .sf-com-introduction.type-2 .intro-type-topline:focus .title-lv-2::after, .sf-com-introduction.type-2 .intro-type-topline:active .title-lv-2::after {
  color: #6DAD19;
}

.sf-com-introduction.type-3 .mobile-show {
  display: none;
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white {
  border: 1px solid #a4c6da;
  background: rgba(255, 255, 255, 0);
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white::before, .sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white::after {
  background-color: #FFFFFF;
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:hover, .sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:focus, .sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:active {
  border: 1px solid #6DAD19;
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:hover span, .sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:focus span, .sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:active span {
  color: #6DAD19;
}

.sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:hover em, .sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:focus em, .sf-com-introduction.type-3 .intro-type-topline .sf-cross-btn.type-white:active em {
  background-color: #6DAD19;
}

@media screen and (max-width: 1024px) {
  .sf-com-introduction {
    padding: 40px 0;
  }
  .sf-com-introduction .content {
    padding: 0 20px;
  }
  .sf-com-introduction .content .title {
    font-size: 20px;
    font-weight: 200;
    text-align: center;
  }
  .sf-com-introduction .content .title-lv-2 {
    font-size: 16px;
  }
  .sf-com-introduction .content .intro {
    font-size: 14px;
  }
  .sf-com-introduction .intro-type-topline {
    border-top-width: 1px;
    margin-top: 0;
    padding: 20px 0;
  }
  .sf-com-introduction.type-3 .mobile-show {
    display: block;
  }
  .sf-com-introduction.type-3 .intro-type-normal {
    padding: 20px 0;
  }
  .sf-com-introduction.type-3 .intro-type-normal .title {
    display: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-43-a {
  padding: 90px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-43-a {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-43-a .col-6 {
    padding-right: 8px;
    padding-left: 8px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-43 {
  position: relative;
  padding-top: 100px;
  margin-bottom: 15px;
}

.sf-com-teaser-type-43::after {
  content: " ";
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: transparent;
}

.sf-com-teaser-type-43 .content {
  background-color: #FFFFFF;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  transition: all linear 0.3s;
}

.sf-com-teaser-type-43 .content .com-heading,
.sf-com-teaser-type-43 .content .com-body {
  padding: 30px 40px;
}

.sf-com-teaser-type-43 .content .com-heading {
  position: relative;
}

.sf-com-teaser-type-43 .content .com-heading .icon {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.sf-com-teaser-type-43 .content .com-heading .icon img {
  display: flex;
  flex-shrink: 0;
  height: 140px;
}

.sf-com-teaser-type-43 .content .com-body .intro-title {
  font-size: 24px;
  font-weight: 400;
}

.sf-com-teaser-type-43 .content .com-body .intro-body {
  font-weight: 200;
  line-height: 1.7;
}

.sf-com-teaser-type-43 .content .com-body .intro-body p {
  margin: 0;
}

.sf-com-teaser-type-43 .content:hover, .sf-com-teaser-type-43 .content:focus, .sf-com-teaser-type-43 .content:active {
  background-color: #003466;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
}

.sf-com-teaser-type-43.medium-size-icon {
  padding-top: 50px;
}

.sf-com-teaser-type-43.medium-size-icon .content .com-heading .icon img {
  height: 100px;
}

.sf-com-teaser-type-43.type-2 .content:hover, .sf-com-teaser-type-43.type-2 .content:focus, .sf-com-teaser-type-43.type-2 .content:active {
  color: #454545;
  background-color: #FFFFFF;
}

.sf-com-teaser-type-43.type-2 .content .com-body .intro-title {
  color: #669ACC;
  font-size: 2em;
  font-weight: 400;
  margin-bottom: 0.5em;
}

.sf-com-teaser-type-43.type-3 .content .com-heading .icon .nomal-icon {
  display: block;
}

.sf-com-teaser-type-43.type-3 .content .com-heading .icon .border-icon {
  display: none;
}

.sf-com-teaser-type-43.type-3:hover .content .com-heading .icon .nomal-icon {
  display: none;
}

.sf-com-teaser-type-43.type-3:hover .content .com-heading .icon .border-icon {
  display: block;
}

.sf-com-teaser-type-43.small-content .content {
  max-width: 350px;
  margin: 0 auto;
}

.sf-com-teaser-type-43.small-content .content .com-body .intro-title {
  font-size: 24px;
  color: #003466;
}

.sf-com-teaser-type-43.small-content .content .com-body .intro-body {
  font-size: 18px;
  margin-bottom: 30px;
}

.sf-com-teaser-type-43.small-content .content:hover .com-body .intro-title, .sf-com-teaser-type-43.small-content .content:focus .com-body .intro-title, .sf-com-teaser-type-43.small-content .content:active .com-body .intro-title {
  color: #FFFFFF;
}

.sf-com-teaser-type-43.type-4 {
  padding-top: 100px;
  z-index: 8;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2 {
  width: 100%;
  cursor: pointer;
  background-color: #f5f8ff;
  display: inline-block;
  font-size: 16px;
  height: 3.8em;
  line-height: 3.8em;
  text-align: center;
  position: relative;
  z-index: 0;
  text-decoration: none;
  color: #7099c0;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2 span {
  color: #003466;
  display: block;
  font-weight: 200;
  text-transform: uppercase;
  transition: color 0.3s ease;
  text-decoration: none;
  position: relative;
  z-index: 1;
  width: 40%;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2 em {
  position: absolute;
  height: 1px;
  background: #669ACC;
  width: 55%;
  right: 5%;
  top: 50%;
  transition: all 0.3s ease;
  z-index: 1;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:before, .sf-com-teaser-type-43.type-4 .sf-cross-btn-2:after {
  content: '';
  background: #003466;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:before {
  top: 0;
  left: 0;
  right: auto;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:after {
  bottom: 0;
  right: 0;
  left: auto;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover {
  text-decoration: none;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover:before {
  width: 100%;
  right: 0;
  left: auto;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover span {
  color: #FFFFFF;
}

.sf-com-teaser-type-43.type-4 .sf-cross-btn-2:hover em {
  background: #FFFFFF;
}

.sf-com-teaser-type-43.type-4 .content .com-heading {
  position: relative;
}

.sf-com-teaser-type-43.type-4 .content .com-heading .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.sf-com-teaser-type-43.type-4 .content .com-heading .icon img {
  display: block;
  height: 140px;
}

.sf-com-teaser-type-43.type-4 .content .com-body {
  padding: 30px 9%;
  text-align: left;
}

.sf-com-teaser-type-43.type-4 .content .com-body .intro-title {
  display: inline-block;
  margin-bottom: 15px;
}

.sf-com-teaser-type-43.type-4 .content .com-body .phone-num {
  font-size: 32px;
  color: #6dad19;
  font-weight: 400;
  margin-left: 1em;
  word-break: keep-all;
  display: inline-block;
  text-align: center;
}

.sf-com-teaser-type-43.type-4-2 .content .com-body {
  min-height: 127px;
  padding: 30px 9% 10px;
}

.sf-com-teaser-type-43.type-4-2 .content .com-body .intro-title {
  color: #000000;
  font-size: 28px;
  font-weight: 200;
}

.sf-com-teaser-type-43.type-4-2 .content:hover, .sf-com-teaser-type-43.type-4-2 .content:focus, .sf-com-teaser-type-43.type-4-2 .content:active {
  background-color: #FFFFFF;
  color: #000000;
}

.sf-com-teaser-type-43.type-4-2 .content:hover .com-body .intro-title, .sf-com-teaser-type-43.type-4-2 .content:focus .com-body .intro-title, .sf-com-teaser-type-43.type-4-2 .content:active .com-body .intro-title {
  color: #000000;
}

.sf-com-teaser-type-43.centered .content .com-body {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-43,
  .sf-com-teaser-type-43.medium-size-icon {
    padding-top: 50px;
  }
  .sf-com-teaser-type-43 .content .com-heading,
  .sf-com-teaser-type-43 .content .com-body,
  .sf-com-teaser-type-43.medium-size-icon .content .com-heading,
  .sf-com-teaser-type-43.medium-size-icon .content .com-body {
    padding: 20px 20px;
  }
  .sf-com-teaser-type-43 .content .com-heading .icon img,
  .sf-com-teaser-type-43.medium-size-icon .content .com-heading .icon img {
    display: block;
    height: 85px;
  }
  .sf-com-teaser-type-43 .content .com-body .intro-title,
  .sf-com-teaser-type-43.medium-size-icon .content .com-body .intro-title {
    font-size: 16px;
  }
  .sf-com-teaser-type-43 .content .com-body .intro-body,
  .sf-com-teaser-type-43.medium-size-icon .content .com-body .intro-body {
    font-size: 14px;
    line-height: 1.7;
  }
  .sf-com-teaser-type-43.type-4 .sf-cross-btn-2,
  .sf-com-teaser-type-43.medium-size-icon.type-4 .sf-cross-btn-2 {
    height: 2.8em;
    line-height: 2.8em;
  }
  .sf-com-teaser-type-43.type-4 .content .com-body .intro-title,
  .sf-com-teaser-type-43.medium-size-icon.type-4 .content .com-body .intro-title {
    margin-bottom: 8px;
  }
  .sf-com-teaser-type-43.type-4-2 .content .com-body,
  .sf-com-teaser-type-43.medium-size-icon.type-4-2 .content .com-body {
    padding: 20px 0;
    min-height: unset;
  }
  .sf-com-teaser-type-43.type-4-2 .content .com-body .intro-title,
  .sf-com-teaser-type-43.medium-size-icon.type-4-2 .content .com-body .intro-title {
    font-size: 16px;
  }
  .sf-com-teaser-type-43.small-content .content .com-body .intro-title,
  .sf-com-teaser-type-43.medium-size-icon.small-content .content .com-body .intro-title {
    font-size: 20px;
  }
  .sf-com-teaser-type-43.small-content .content .com-body .intro-body,
  .sf-com-teaser-type-43.medium-size-icon.small-content .content .com-body .intro-body {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-3 > .content {
  position: relative;
  z-index: 10;
}

.sf-com-carousel-type-3 > .content .sf-com-tabs-no-ui .tab-list .sf-com-slider-navi {
  padding: 15px 0;
}

.sf-com-carousel-type-3 > .content .sf-com-tabs-no-ui .tab-content > .content-list {
  position: relative;
}

.sf-com-carousel-type-3 > .content .sf-com-tabs-no-ui .tab-content > .content-list > .list-item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  transition: all linear 0.3s;
}

.sf-com-carousel-type-3 > .content .sf-com-tabs-no-ui .tab-content > .content-list > .list-item.active {
  position: relative;
  display: block;
  z-index: 30;
  opacity: 1;
}

.sf-com-carousel-type-3 > .content .sf-com-slider-logos {
  background-color: #eaf1fd;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-12 {
  padding: 90px 0;
}

.sf-com-carousel-type-12 > .sf-container > .content {
  position: relative;
  z-index: 10;
}

.sf-com-carousel-type-12 .slick-list {
  overflow: hidden;
}

.sf-com-carousel-type-12 .slick-list .slick-track {
  overflow: hidden;
}

.sf-com-carousel-type-12 .slick-list .slick-track .slick-slide {
  float: left;
}

.sf-com-carousel-type-12 .sliders-wrapper {
  position: relative;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback {
  display: block;
  position: absolute;
  bottom: 20px;
  width: 25px;
  height: 25px;
  right: 0;
  z-index: 30;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback::after {
  content: " ";
  display: block;
  border-left: 3px solid #000000;
  border-right: 3px solid #000000;
  transition: all linear 0.3s;
  width: 13px;
  height: 25px;
  margin: 0 auto;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback.paused::after {
  border-left: none;
  border-top: 3px solid #000000;
  height: 16px;
  width: 16px;
  transform: rotate(-315deg);
  position: absolute;
  top: 5px;
  right: 5px;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback:hover {
  cursor: pointer;
}

.sf-com-carousel-type-12 .sliders-wrapper .playback:hover::after {
  border-color: #6DAD19;
}

.sf-com-carousel-type-12 .image-list {
  position: relative;
  z-index: 10;
}

.sf-com-carousel-type-12 .image-list .list-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.sf-com-carousel-type-12 .image-list .list-item .image-replacer {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(1.1);
  transition: all linear 1.2s;
}

.sf-com-carousel-type-12 .image-list .list-item img {
  display: none;
}

.sf-com-carousel-type-12 .image-list .list-item.slick-active .image-replacer {
  transform: scale(1);
}

.sf-com-carousel-type-12 .intros-wrapper {
  height: 100%;
  position: relative;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 50;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 45px;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi:hover, .sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi:focus, .sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi:active {
  color: #000000;
  text-decoration: none;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi .navi + .navi {
  margin-left: 2px;
}

.sf-com-carousel-type-12 .intros-wrapper .slider-navi .indexer {
  background-color: rgba(255, 255, 255, 0.9);
  height: 45px;
  line-height: 45px;
  margin: 0 2px;
  padding: 0 5px;
}

.sf-com-carousel-type-12 .intro-list {
  background-color: rgba(255, 255, 255, 0.4);
  height: 100%;
}

.sf-com-carousel-type-12 .intro-list .slick-list {
  height: 100%;
}

.sf-com-carousel-type-12 .intro-list .slick-list .slick-track {
  height: 100%;
}

.sf-com-carousel-type-12 .intro-list .list-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sf-com-carousel-type-12 .intro-list .list-item.bg-dark-blue {
  background-color: #003466;
}

.sf-com-carousel-type-12 .intro-list .slick-active .intro-card .intro-heading {
  left: 0;
}

.sf-com-carousel-type-12 .intro-list .slick-active .intro-card .intro-body,
.sf-com-carousel-type-12 .intro-list .slick-active .intro-card .intro-footer {
  top: 0;
}

.sf-com-carousel-type-12 .intro-card {
  overflow: hidden;
  padding: 20px 45px;
}

.sf-com-carousel-type-12 .intro-card .intro-heading {
  display: none;
  margin-bottom: 40px;
  position: relative;
  left: 120%;
  transition: all linear 0.6s;
}

.sf-com-carousel-type-12 .intro-card .intro-heading img {
  display: block;
  height: 35px;
  max-width: 100%;
}

.sf-com-carousel-type-12 .intro-card .intro-body {
  color: #454545;
  margin-bottom: 40px;
  position: relative;
  top: 300px;
  transition: all linear 0.3s;
  transition-delay: 0.15s;
}

.sf-com-carousel-type-12 .intro-card .intro-body .title {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 1em;
}

.sf-com-carousel-type-12 .intro-card .intro-body .brief {
  color: #454545;
  font-weight: 200;
  line-height: 1.7;
  margin: 0;
}

.sf-com-carousel-type-12 .intro-card .intro-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  top: 400px;
  transition: all linear 0.3s;
  transition-delay: 0.15s;
}

.sf-com-carousel-type-12 .intro-card .intro-footer .sf-cross-btn {
  border: 1px solid #FFFFFF;
  background-color: transparent;
}

.sf-com-carousel-type-12 .intro-card .intro-footer .link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #000000;
  text-decoration: none;
}

.sf-com-carousel-type-12 .intro-card .intro-footer .link span {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #6DAD19;
  display: block;
  font-size: 1.5em;
  margin-left: 15px;
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  transition: all linear 0.3s;
}

.sf-com-carousel-type-12 .intro-card .intro-footer .link:hover span, .sf-com-carousel-type-12 .intro-card .intro-footer .link:active span {
  background-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-carousel-type-12 .intro-card:hover .intro-footer .link, .sf-com-carousel-type-12 .intro-card:active .intro-footer .link {
  color: #6DAD19;
}

.sf-com-carousel-type-12 .intro-card:hover .intro-footer .link span, .sf-com-carousel-type-12 .intro-card:active .intro-footer .link span {
  margin-left: 30px;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-12 {
    padding: 40px 20px;
  }
  .sf-com-carousel-type-12 .sliders-wrapper .playback {
    bottom: 10px;
  }
  .sf-com-carousel-type-12 .sliders-wrapper .playback::after {
    height: 15px;
    margin-top: 5px;
  }
  .sf-com-carousel-type-12 .sliders-wrapper .playback.paused::after {
    height: 10px;
    width: 10px;
    top: 2px;
    right: 9px;
  }
  .sf-com-carousel-type-12 .intros-wrapper .slider-navi {
    justify-content: space-between;
    left: -20px;
    right: -20px;
    top: -30px;
    bottom: auto;
  }
  .sf-com-carousel-type-12 .image-list .list-item {
    height: 180px;
  }
  .sf-com-carousel-type-12 .thumbnail-list {
    margin: 0;
  }
  .sf-com-carousel-type-12 .thumbnail-list .list-item {
    height: 0;
  }
  .sf-com-carousel-type-12 .intro-card {
    padding: 20px;
  }
  .sf-com-carousel-type-12 .intro-card .intro-heading {
    margin-bottom: 20px;
  }
  .sf-com-carousel-type-12 .intro-card .intro-body .title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
  }
  .sf-com-carousel-type-12 .intro-card .intro-body .brief {
    font-size: 14px;
  }
  .sf-com-carousel-type-12 .intro-card .intro-footer .sf-cross-btn {
    font-size: 14px;
  }
  .sf-com-carousel-type-12 .intro-card .intro-footer .link {
    font-size: 14px;
  }
  .sf-com-carousel-type-12 .intro-card .intro-footer .link span {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
  .sf-com-carousel-type-12 .related-cards {
    margin: 30px 20px;
  }
  .sf-com-carousel-type-12 .related-cards .carousel-card {
    margin-bottom: 20px;
  }
  .sf-com-carousel-type-12 .related-cards .carousel-card .card-heading {
    font-size: 18px;
  }
  .sf-com-carousel-type-12 .related-cards .carousel-card .card-body {
    padding-top: 0;
  }
  .sf-com-carousel-type-12 .related-cards .carousel-card .card-footer .sf-cross-btn {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-13 {
  padding: 90px 0;
}

.sf-com-carousel-type-13 .sf-com-product-card {
  margin-bottom: 40px;
}

.sf-com-carousel-type-13 .sf-com-product-card .card-body .title {
  font-size: 26px;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-13 {
    padding: 40px 20px;
  }
  .sf-com-carousel-type-13 .sf-com-product-card {
    margin-bottom: 20px;
  }
  .sf-com-carousel-type-13 .sf-com-product-card .card-body .title {
    font-size: 16px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-15 {
  padding: 90px 0;
}

.sf-com-slick-tabs
.sf-com-carousel-type-15.type-1 .content .sf-com-teaser-download .sf-title-block {
  margin-top: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-15 {
    padding: 40px 20px;
  }
  .sf-com-carousel-type-15 .sf-com-slick-tabs .tab-tabs.open .tab .link {
    background-color: #FFFFFF;
  }
  .sf-com-carousel-type-15 .sf-com-slick-tabs .tab-tabs.open .tab .link.active {
    background-color: #FFFFFF;
  }
  .sf-com-carousel-type-15.type-1 {
    padding: 0 20px;
  }
  .sf-com-carousel-type-15.type-1 .content .sf-com-teaser-download .sf-title-block {
    margin: 10px 0;
  }
  .sf-com-carousel-type-15.type-1 .content .sf-com-teaser-download .sf-com-slick-tabs {
    padding: 0;
  }
  .sf-com-carousel-type-15.type-2 {
    padding: 40px 0px;
  }
  .sf-com-carousel-type-15.type-2 .sf-com-slick-tabs .tab-tabs.open .tab .link {
    background-color: transparent;
  }
  .sf-com-carousel-type-15.type-2 .sf-com-slick-tabs .tab-tabs.open .tab .link.active {
    background-color: transparent;
  }
  .sf-com-carousel-type-15.type-2 .sf-com-teaser-download {
    padding: 25px 0px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-16 {
  padding: 90px 0;
}

.sf-com-carousel-type-16 .slick-list {
  overflow: hidden;
}

.sf-com-carousel-type-16 .slick-list .slick-track {
  overflow: hidden;
}

.sf-com-carousel-type-16 .slick-list .slick-track .slick-slide {
  float: left;
}

.sf-com-carousel-type-16 .sliders-wrapper {
  position: relative;
  height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .slick-slider {
  height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .slick-slider .slick-list {
  height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .slick-slider .slick-list .slick-track {
  height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .slick-slider .slick-list .slick-track .slick-slide {
  height: 100%;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback {
  display: block;
  position: absolute;
  bottom: 20px;
  width: 25px;
  height: 25px;
  right: 0;
  z-index: 30;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback::after {
  content: " ";
  display: block;
  border-left: 3px solid #000000;
  border-right: 3px solid #000000;
  transition: all linear 0.3s;
  width: 13px;
  height: 25px;
  margin: 0 auto;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback.paused::after {
  border-left: none;
  border-top: 3px solid #000000;
  height: 16px;
  width: 16px;
  transform: rotate(-315deg);
  position: absolute;
  top: 5px;
  right: 5px;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback:hover {
  cursor: pointer;
}

.sf-com-carousel-type-16 .sliders-wrapper .playback:hover::after {
  border-color: #6DAD19;
}

.sf-com-carousel-type-16 .related-cards {
  display: none;
  margin: 80px 0 0 0;
}

.sf-com-carousel-type-16 .related-cards.active {
  display: block;
}

.sf-com-carousel-type-16 .related-cards .carousel-card {
  border-top: 2px solid #003466;
  position: relative;
}

.sf-com-carousel-type-16 .related-cards .carousel-card::after {
  content: " ";
  display: block;
  position: absolute;
  background-color: #003466;
  top: -2px;
  left: 0;
  right: 0;
  width: 0;
  margin: 0 auto;
  height: 4px;
  transition: all linear 0.2s;
  z-index: 1;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-heading {
  font-size: 24px;
  padding: 1em 0;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-heading .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-body {
  font-weight: 200;
  line-height: 1.7;
  padding: 1em 0;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn {
  background-color: transparent;
  border: 1px solid #669ACC;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn span {
  color: #669ACC;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn em {
  background-color: #669ACC;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:hover, .sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:focus, .sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:active {
  border-color: #6DAD19;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:hover span, .sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:focus span, .sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:active span {
  color: #6DAD19;
}

.sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:hover em, .sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:focus em, .sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn:active em {
  background-color: #6DAD19;
}

.sf-com-carousel-type-16 .related-cards .carousel-card.active::after {
  background-color: #6DAD19;
  width: 100%;
}

.sf-com-carousel-type-16 .image-list {
  position: relative;
  z-index: 10;
}

.sf-com-carousel-type-16 .image-list .list-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 480px;
  overflow: hidden;
  position: relative;
}

.sf-com-carousel-type-16 .image-list .list-item .image-replacer {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(1.1);
  transition: all linear 1.2s;
}

.sf-com-carousel-type-16 .image-list .list-item img {
  display: none;
}

.sf-com-carousel-type-16 .image-list .list-item.slick-active .image-replacer {
  transform: scale(1);
}

.sf-com-carousel-type-16 .thumbnail-list {
  display: none;
  width: 90%;
  margin: -50px auto auto auto;
  position: relative;
  z-index: 20;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item {
  width: 100px;
  height: 70px;
  border: 2px solid #FFFFFF;
  margin: 0 5px;
  transition: all linear 0.3s;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item:hover {
  cursor: pointer;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item:focus {
  outline: none;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item img {
  display: block;
  width: 100%;
  height: 100%;
}

.sf-com-carousel-type-16 .thumbnail-list .list-item.slick-current {
  border-color: #8BFF00;
  box-shadow: 0 5px 15px 0 rgba(109, 173, 25, 0.65);
}

.sf-com-carousel-type-16 .intros-wrapper {
  height: 100%;
  position: relative;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi {
  position: absolute;
  top: 45px;
  left: 45px;
  z-index: 50;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi {
  color: rgba(255, 255, 255, 0.6);
  font-size: 20px;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi:hover, .sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi:focus, .sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi:active {
  color: #FFFFFF;
  text-decoration: none;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi .indexer {
  color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  font-weight: 200;
  margin: 0 20px;
  pointer-events: none;
}

.sf-com-carousel-type-16 .intros-wrapper .slider-navi .indexer .now {
  color: #FFFFFF;
}

.sf-com-carousel-type-16 .intro-list {
  background-color: #7e8c98;
  height: 100%;
}

.sf-com-carousel-type-16 .intro-list .slick-list {
  height: 100%;
}

.sf-com-carousel-type-16 .intro-list .slick-list .slick-track {
  height: 100%;
}

.sf-com-carousel-type-16 .intro-list .list-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 80px;
}

.sf-com-carousel-type-16 .intro-list .list-item.bg-dark-blue {
  background-color: #003466;
}

.sf-com-carousel-type-16 .intro-list .slick-active .intro-card .intro-heading {
  left: 0;
}

.sf-com-carousel-type-16 .intro-list .slick-active .intro-card .intro-body,
.sf-com-carousel-type-16 .intro-list .slick-active .intro-card .intro-footer {
  top: 0;
}

.sf-com-carousel-type-16 .intro-card {
  overflow: hidden;
  padding: 20px 45px;
}

.sf-com-carousel-type-16 .intro-card .intro-heading {
  display: none;
  margin-bottom: 40px;
  position: relative;
  left: 120%;
  transition: all linear 0.6s;
}

.sf-com-carousel-type-16 .intro-card .intro-heading img {
  display: block;
  height: 35px;
  max-width: 100%;
}

.sf-com-carousel-type-16 .intro-card .intro-body {
  color: #FFFFFF;
  margin-bottom: 40px;
  position: relative;
  top: 300px;
  transition: all linear 0.3s;
  transition-delay: 0.15s;
}

.sf-com-carousel-type-16 .intro-card .intro-body .title {
  font-size: 24px;
  font-weight: 200;
  margin-bottom: 1em;
}

.sf-com-carousel-type-16 .intro-card .intro-body .brief {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 200;
  line-height: 1.7;
  margin: 0;
}

.sf-com-carousel-type-16 .intro-card .intro-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  top: 400px;
  transition: all linear 0.3s;
  transition-delay: 0.15s;
}

.sf-com-carousel-type-16 .intro-card .intro-footer .sf-cross-btn {
  border: 1px solid #FFFFFF;
  background-color: transparent;
}

.sf-com-carousel-type-16 .intro-card .intro-footer .link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #000000;
  text-decoration: none;
}

.sf-com-carousel-type-16 .intro-card .intro-footer .link span {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #6DAD19;
  display: block;
  font-size: 1.5em;
  margin-left: 15px;
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  transition: all linear 0.3s;
}

.sf-com-carousel-type-16 .intro-card .intro-footer .link:hover span, .sf-com-carousel-type-16 .intro-card .intro-footer .link:active span {
  background-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-carousel-type-16 .intro-card:hover .intro-footer .link, .sf-com-carousel-type-16 .intro-card:active .intro-footer .link {
  color: #6DAD19;
}

.sf-com-carousel-type-16 .intro-card:hover .intro-footer .link span, .sf-com-carousel-type-16 .intro-card:active .intro-footer .link span {
  margin-left: 30px;
}

.sf-com-carousel-type-16.type-1 {
  padding: 90px 0 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-16 {
    padding: 40px 0;
  }
  .sf-com-carousel-type-16 .sliders-wrapper .playback {
    bottom: 10px;
  }
  .sf-com-carousel-type-16 .sliders-wrapper .playback::after {
    height: 15px;
    margin-top: 5px;
  }
  .sf-com-carousel-type-16 .sliders-wrapper .playback.paused::after {
    height: 10px;
    width: 10px;
    top: 2px;
    right: 9px;
  }
  .sf-com-carousel-type-16 .image-list .list-item {
    height: 180px;
  }
  .sf-com-carousel-type-16 .thumbnail-list {
    margin: 0;
  }
  .sf-com-carousel-type-16 .thumbnail-list .list-item {
    height: 0;
  }
  .sf-com-carousel-type-16 .intros-wrapper .slider-navi {
    left: 20px;
    top: 20px;
  }
  .sf-com-carousel-type-16 .intros-wrapper .slider-navi .navi {
    font-size: 18px;
  }
  .sf-com-carousel-type-16 .intros-wrapper .slider-navi .indexer {
    font-size: 14px;
  }
  .sf-com-carousel-type-16 .intro-list .list-item {
    padding-top: 50px;
  }
  .sf-com-carousel-type-16 .intro-card {
    padding: 20px;
  }
  .sf-com-carousel-type-16 .intro-card .intro-heading {
    margin-bottom: 20px;
  }
  .sf-com-carousel-type-16 .intro-card .intro-body .title {
    color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .sf-com-carousel-type-16 .intro-card .intro-body .brief {
    font-size: 14px;
  }
  .sf-com-carousel-type-16 .intro-card .intro-footer .sf-cross-btn {
    font-size: 14px;
  }
  .sf-com-carousel-type-16 .intro-card .intro-footer .link {
    font-size: 14px;
  }
  .sf-com-carousel-type-16 .intro-card .intro-footer .link span {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
  .sf-com-carousel-type-16 .related-cards {
    margin: 30px 20px;
  }
  .sf-com-carousel-type-16 .related-cards .carousel-card {
    margin-bottom: 20px;
  }
  .sf-com-carousel-type-16 .related-cards .carousel-card .card-heading {
    font-size: 18px;
  }
  .sf-com-carousel-type-16 .related-cards .carousel-card .card-body {
    padding-top: 0;
  }
  .sf-com-carousel-type-16 .related-cards .carousel-card .card-footer .sf-cross-btn {
    font-size: 14px;
  }
  .sf-com-carousel-type-16.type-1 {
    padding: 0px;
  }
  .sf-com-carousel-type-16.type-1 .sf-title-block {
    margin: 20px 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-17 {
  padding: 90px 0;
}

.sf-com-carousel-type-17 .slick-slider {
  position: relative;
  padding: 0;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow {
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 35%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  z-index: 90;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow::after {
  font-size: 16px;
  content: " ";
  display: block;
  height: 1em;
  width: 1em;
  border-left: 2px solid #454545;
  border-bottom: 2px solid #454545;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow.prev {
  left: 0;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow.prev::after {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -0.6em;
  left: 50%;
  margin-left: 0em;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow.next {
  right: 0;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow.next::after {
  transform: rotate(-135deg);
  top: 50%;
  left: 50%;
  margin-top: -0.6em;
  margin-left: -0.7em;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow:hover {
  background-color: #FFFFFF;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow:hover.prev::after {
  margin-left: -0.65em;
}

.sf-com-carousel-type-17 .slick-slider .slick-arrow:hover.next::after {
  margin-left: -0.2em;
}

.sf-com-carousel-type-17 .slick-list {
  overflow: hidden;
}

.sf-com-carousel-type-17 .slick-list .slick-track {
  overflow: hidden;
  padding: 80px 0 60px 0;
}

.sf-com-carousel-type-17 .slick-list .slick-track .slick-slide {
  float: left;
  position: relative;
}

.sf-com-carousel-type-17 .scm-list .list-item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #FFFFFF;
  font-weight: 200;
  overflow: visible;
  position: relative;
  transition: transform linear 0.3s;
  margin-top: 0;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card {
  transition: transform linear 0.3s;
  outline: none;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-image {
  height: 270px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  display: none;
  padding: 15px 20px;
  width: 92%;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .card-tags .tag {
  font-size: 16px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .title {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 5px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .brief {
  font-size: 14px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .links {
  font-size: 14px;
  margin-top: 15px;
}

.sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .links .link {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center {
  margin-top: -30px;
  z-index: 20;
}

.sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card {
  z-index: 30;
  margin: 0 -60px;
  transform: scale(1.1);
}

.sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-image {
  height: 320px;
}

.sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body {
  display: block;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-17 {
    padding: 40px 20px;
  }
  .sf-com-carousel-type-17 .slick-slider {
    padding: 0;
  }
  .sf-com-carousel-type-17 .slick-slider .slick-arrow {
    height: 35px;
    width: 35px;
  }
  .sf-com-carousel-type-17 .slick-slider .slick-arrow::after {
    font-size: 12px;
  }
  .sf-com-carousel-type-17 .slick-slider .slick-arrow.prev::after {
    margin-left: -0.2em;
  }
  .sf-com-carousel-type-17 .slick-list .slick-track {
    padding: 20px 0;
  }
  .sf-com-carousel-type-17 .scm-list .list-item {
    margin: 0;
    transform: none;
  }
  .sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body {
    display: block;
  }
  .sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .title {
    font-size: 16px;
  }
  .sf-com-carousel-type-17 .scm-list .list-item .sf-com-product-card .content .card-body .card-tags .tag {
    font-size: 14px;
  }
  .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center {
    margin-top: 0;
  }
  .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card {
    margin: 0;
    transform: none;
  }
  .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-image {
    height: 270px;
  }
  .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body .brief,
  .sf-com-carousel-type-17 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body .links {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-18 {
  padding: 90px 0;
}

.sf-com-carousel-type-18 .slick-slider {
  position: relative;
  padding: 0;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow {
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 35%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  z-index: 90;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow::after {
  font-size: 16px;
  content: " ";
  display: block;
  height: 1em;
  width: 1em;
  border-left: 2px solid #454545;
  border-bottom: 2px solid #454545;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow.prev {
  left: 0;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow.prev::after {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -0.6em;
  left: 50%;
  margin-left: 0em;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow.next {
  right: 0;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow.next::after {
  transform: rotate(-135deg);
  top: 50%;
  left: 50%;
  margin-top: -0.6em;
  margin-left: -0.7em;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow:hover {
  background-color: #FFFFFF;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow:hover.prev::after {
  margin-left: -0.65em;
}

.sf-com-carousel-type-18 .slick-slider .slick-arrow:hover.next::after {
  margin-left: -0.2em;
}

.sf-com-carousel-type-18 .slick-list {
  overflow: hidden;
}

.sf-com-carousel-type-18 .slick-list .slick-track {
  overflow: hidden;
}

.sf-com-carousel-type-18 .slick-list .slick-track .slick-slide {
  float: left;
  position: relative;
}

.sf-com-carousel-type-18 .scm-list .slick-dots {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -60px;
  position: relative;
  z-index: 30;
}

.sf-com-carousel-type-18 .scm-list .slick-dots li {
  margin: 0 7px;
}

.sf-com-carousel-type-18 .scm-list .slick-dots li button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #DDDDDD;
  border: none;
  display: block;
  font-size: 0;
  padding: 0;
}

.sf-com-carousel-type-18 .scm-list .slick-dots li.slick-active button {
  background-color: #003466;
}

.sf-com-carousel-type-18 .scm-list .list-item {
  background-color: #FFFFFF;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  color: #454545;
  font-weight: 200;
  position: relative;
  padding: 80px 0 100px 0;
  margin-top: 0;
}

.sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .article-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 50px;
}

.sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .article-content .intro-heading {
  font-size: 36px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}

.sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .article-content .intro-heading::after {
  content: " ";
  display: block;
  height: 4px;
  width: 0;
  background-color: #6DAD19;
  position: relative;
  top: 0.5em;
  left: 1em;
  margin-top: -2px;
  transition: all linear 1s;
  transition-delay: 0.5s;
}

.sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .article-content .intro-heading .title {
  font-size: 1em;
  line-height: 1;
  flex-shrink: 0;
}

.sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center {
  z-index: 20;
}

.sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-image-article .article-content .intro-heading {
  overflow: hidden;
}

.sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-image-article .article-content .intro-heading::after {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-18 {
    padding: 40px 20px;
  }
  .sf-com-carousel-type-18 .slick-slider {
    padding: 0;
  }
  .sf-com-carousel-type-18 .slick-slider .slick-arrow {
    height: 35px;
    width: 35px;
  }
  .sf-com-carousel-type-18 .slick-slider .slick-arrow::after {
    font-size: 12px;
  }
  .sf-com-carousel-type-18 .slick-slider .slick-arrow.prev::after {
    margin-left: -0.2em;
  }
  .sf-com-carousel-type-18 .slick-list .slick-track {
    padding: 20px 0;
  }
  .sf-com-carousel-type-18 .scm-list .list-item {
    margin: 0;
    padding: 0;
    transform: none;
  }
  .sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .content .article-image {
    height: auto;
  }
  .sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .content .article-content {
    margin-bottom: 50px;
    padding: 20px;
  }
  .sf-com-carousel-type-18 .scm-list .list-item .sf-com-image-article .content .article-content .intro-heading {
    font-size: 18px;
  }
  .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center {
    margin-top: 0;
  }
  .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-product-card {
    margin: 0;
    transform: none;
  }
  .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-image {
    height: 270px;
  }
  .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body .brief,
  .sf-com-carousel-type-18 .scm-list .list-item.slick-active.slick-center .sf-com-product-card .content .card-body .links {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-20 {
  padding: 90px 0;
}

.sf-com-carousel-type-20 .sf-com-teaser-download {
  padding: 0;
}

.sf-com-carousel-type-20 .sf-com-carousel-type-17 {
  padding: 0;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs {
  padding: 0;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs {
  border-bottom: 1px solid #DDDDDD;
  width: 100%;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link {
  background-color: transparent;
  border: none;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link.active {
  background-color: transparent;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link.active .main,
.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link.active .sub {
  color: #454545;
}

.sf-com-carousel-type-20 .sf-com-slick-tabs .tab-contents > .slick-list {
  box-sizing: content-box;
  height: auto !important;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-20 {
    padding: 40px 20px;
  }
  .sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link {
    background-color: #FFFFFF;
  }
  .sf-com-carousel-type-20 .sf-com-slick-tabs .tab-tabs .tab .link.active {
    background-color: #FFFFFF;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-21 {
  padding: 90px 0;
}

.sf-com-carousel-type-21 .sf-com-slider-basic {
  background-color: #FFFFFF;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
  padding: 80px 0 80px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-21 .sf-com-slider-basic {
    padding: 30px 0;
  }
  .sf-com-carousel-type-21 .sf-com-slider-basic .basic-list .slick-list .slick-track {
    padding: 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-23 {
  padding: 90px 0;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs {
  padding: 0;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs {
  margin-bottom: 0;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link {
  border: none;
  padding: 30px 15px;
  display: block;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link .main,
.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link .sub {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active {
  background-color: #FFFFFF;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active .main,
.sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active .sub {
  color: #454545;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .sf-com-motional-image {
  height: 770px;
  height: 100%;
}

.sf-com-carousel-type-23 .sf-com-slick-tabs .sf-com-list-type-0 {
  margin-left: 120px;
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 600px;
}

.sf-com-carousel-type-23.type-2 {
  padding: 0;
}

.sf-com-carousel-type-23.type-2 .sf-com-slick-tabs .scrollable-tab {
  margin-bottom: 0;
}

.sf-com-carousel-type-23.type-2 .sf-com-slick-tabs .tab-tabs {
  z-index: 100;
}

.sf-com-carousel-type-23.type-2 .sf-com-slick-tabs .tab-tabs .tab .link {
  font-size: 16px;
}

.sf-com-carousel-type-23.type-3 .sf-com-slick-tabs .tab-contents .slick-list .slick-track .slick-slide {
  padding: 5px 5px 15px 5px;
}

.sf-com-carousel-type-23.type-3 .sf-com-slick-tabs .sf-com-motional-image {
  border: 4px solid #FFFFFF;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
  padding-top: 52.5%;
  height: auto;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-23 {
    padding: 40px 20px;
  }
  .sf-com-carousel-type-23 .sf-com-slick-tabs {
    padding: 0;
  }
  .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link {
    display: flex;
    padding: 0;
  }
  .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link .main,
  .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link .sub {
    width: auto;
  }
  .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active .main {
    padding-right: 2em;
    position: relative;
  }
  .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-tabs .tab .link.active .main::after {
    content: " ";
    display: block;
    height: 10px;
    width: 10px;
    border-right: 1px solid #454545;
    border-bottom: 1px solid #454545;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    right: 5px;
    margin-top: -0.5em;
  }
  .sf-com-carousel-type-23 .sf-com-slick-tabs .sf-com-list-type-0 {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
  }
  .sf-com-carousel-type-23 .sf-com-slick-tabs .sf-com-motional-image {
    height: 260px;
  }
  .sf-com-carousel-type-23.type-2 {
    padding: 0;
  }
  .sf-com-carousel-type-23.type-2 .sf-com-slick-tabs {
    padding: 0 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-carousel-type-24 {
  padding: 90px 0;
}

.sf-com-carousel-type-24 .basic-list {
  position: relative;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow {
  display: none;
  font-size: 10px;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  width: 60px;
  height: 60px;
  position: absolute;
  transition: all linear 0.3s;
  margin-top: -30px;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow::before {
  content: " ";
  display: block;
  height: 1.5em;
  width: 1.5em;
  border: 2px solid rgba(0, 0, 0, 0.8);
  border-right: none;
  border-top: none;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow.prev {
  left: -65px;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow.prev::before {
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-top: -0.6em;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow.next {
  right: -65px;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow.next::before {
  transform: rotate(-135deg);
  top: 50%;
  right: 50%;
  margin-top: -0.6em;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow:hover, .sf-com-carousel-type-24 .basic-list .slick-arrow:focus, .sf-com-carousel-type-24 .basic-list .slick-arrow:active {
  background-color: rgba(255, 255, 255, 0.9);
}

.sf-com-carousel-type-24 .basic-list .slick-arrow:hover.prev::before, .sf-com-carousel-type-24 .basic-list .slick-arrow:focus.prev::before, .sf-com-carousel-type-24 .basic-list .slick-arrow:active.prev::before {
  margin-left: -10px;
}

.sf-com-carousel-type-24 .basic-list .slick-arrow:hover.next::before, .sf-com-carousel-type-24 .basic-list .slick-arrow:focus.next::before, .sf-com-carousel-type-24 .basic-list .slick-arrow:active.next::before {
  margin-right: -10px;
}

.sf-com-carousel-type-24 .basic-list .slick-dots {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-carousel-type-24 .basic-list .slick-dots li {
  margin: 0 7px;
}

.sf-com-carousel-type-24 .basic-list .slick-dots li button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #DDDDDD;
  border: none;
  display: block;
  font-size: 0;
  padding: 0;
}

.sf-com-carousel-type-24 .basic-list .slick-dots li.slick-active button {
  background-color: #003466;
}

.sf-com-carousel-type-24 .basic-list .slick-list {
  overflow: hidden;
}

.sf-com-carousel-type-24 .basic-list .slick-list .slick-track {
  overflow: hidden;
  padding: 0;
}

.sf-com-carousel-type-24 .basic-list .slick-list .slick-track .slick-slide {
  float: left;
  padding: 20px 10px;
}

.sf-com-carousel-type-24 .basic-list .slick-list .slick-track .slick-slide:focus {
  outline: none;
}

.sf-com-carousel-type-24 .basic-list .list-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 45px;
}

.sf-com-carousel-type-24 .basic-list .list-item a img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.sf-com-carousel-type-24.type-1 {
  padding: 40px 0 130px;
}

@media screen and (max-width: 1024px) {
  .sf-com-carousel-type-24 {
    padding: 40px 20px;
  }
  .sf-com-carousel-type-24 .slick-dots li button {
    height: 10px;
    width: 10px;
  }
  .sf-com-carousel-type-24 .slick-list .slick-track {
    padding: 20px 0;
  }
  .sf-com-carousel-type-24 .slick-list .slick-track .slick-slide {
    padding: 0;
  }
  .sf-com-carousel-type-24 .basic-list {
    padding: 0 60px;
  }
  .sf-com-carousel-type-24 .basic-list .slick-arrow.prev {
    left: 0;
  }
  .sf-com-carousel-type-24 .basic-list .slick-arrow.next {
    right: 0;
  }
  .sf-com-carousel-type-24 .basic-list .list-item {
    flex-direction: row;
    height: auto;
  }
  .sf-com-carousel-type-24.type-1 {
    padding: 0 20px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-list-type-0 .com-heading .title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 1em;
}

.sf-com-list-type-0 .list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-list-type-0 .list .list-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
}

.sf-com-list-type-0 .list .list-item .icon {
  box-sizing: content-box;
  flex-shrink: 0;
  width: 75px;
  padding-right: 40px;
}

.sf-com-list-type-0 .list .list-item .icon img {
  display: block;
  max-width: 100%;
}

.sf-com-list-type-0 .list .list-item .intro {
  box-sizing: content-box;
  border-bottom: 2px solid #669ACC;
  padding-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-shrink: 1;
  max-width: 100%;
}

.sf-com-list-type-0 .list .list-item .intro .intro-title {
  display: flex;
  flex-shrink: 0;
  width: 100%;
}

.sf-com-list-type-0 .list .list-item .intro .intro-title .title {
  font-size: 22px;
  font-weight: 400;
  margin: 0 0 0.7em 0;
}

.sf-com-list-type-0 .list .list-item .intro .intro-body {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  font-weight: 200;
  line-height: 1.8;
}

.sf-com-list-type-0 .list .list-item .intro .intro-body p {
  margin: 0;
}

.sf-com-list-type-0 .list .list-item:last-child {
  margin-bottom: 0;
}

.sf-com-list-type-0 .list .list-item:last-child .intro {
  border-bottom: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-list-type-0 .com-heading .title {
    font-size: 22px;
    font-weight: 200;
    text-align: center;
    margin: 1em 0;
  }
  .sf-com-list-type-0 .list .list-item {
    margin-bottom: 20px;
  }
  .sf-com-list-type-0 .list .list-item .icon {
    margin-right: 20px;
    width: 60px;
  }
  .sf-com-list-type-0 .list .list-item .intro {
    border-bottom-width: 1px;
    padding-bottom: 20px;
  }
  .sf-com-list-type-0 .list .list-item .intro .intro-title .title {
    font-size: 16px;
    font-weight: 400;
  }
  .sf-com-list-type-0 .list .list-item .intro .intro-body {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-motional-image {
  height: 100%;
  min-height: 30px;
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.sf-com-motional-image .image-replacer {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
}

.sf-com-motional-image img {
  display: none;
}

.sf-com-motional-image.effect-zoom .image-replacer {
  transition: all linear 3s;
}

.sf-com-motional-image.effect-zoom:hover .image-replacer, .sf-com-motional-image.effect-zoom:focus .image-replacer, .sf-com-motional-image.effect-zoom:active .image-replacer {
  transform: scale(1.1);
}

.sf-com-motional-image.effect-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.sf-com-motional-image.effect-background::before {
  content: " ";
  display: block;
  background-color: rgba(39, 45, 60, 0.66);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  transition: background-color linear 0.3s;
}

.sf-com-motional-image.effect-video::before {
  content: " ";
  display: block;
  border: 6px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  height: 2em;
  width: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1em;
  margin-top: -1em;
  z-index: 2;
  transition: all linear 0.5s;
}

.sf-com-motional-image.effect-video::after {
  content: " ";
  display: block;
  height: 0;
  width: 0;
  border: 1em solid rgba(255, 255, 255, 0.85);
  border-left-width: 0.866em;
  border-top-width: 0.5em;
  border-top-color: transparent;
  border-bottom-width: 0.5em;
  border-bottom-color: transparent;
  border-right-width: 0;
  border-right-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.25em;
  transition: all linear 0.5s;
  z-index: 3;
}

.sf-com-motional-image:hover.effect-video::before, .sf-com-motional-image:focus.effect-video::before, .sf-com-motional-image:active.effect-video::before {
  border-color: rgba(255, 255, 255, 0.85);
}

.sf-com-motional-image:hover.effect-video::after, .sf-com-motional-image:focus.effect-video::after, .sf-com-motional-image:active.effect-video::after {
  border-left-color: #FFFFFF;
}

div:hover > .effect-zoom .image-replacer, p:hover > .effect-zoom .image-replacer, article:hover > .effect-zoom .image-replacer, a:hover > .effect-zoom .image-replacer, span:hover > .effect-zoom .image-replacer, footer:hover > .effect-zoom .image-replacer, form:hover > .effect-zoom .image-replacer, li:hover > .effect-zoom .image-replacer, section:hover > .effect-zoom .image-replacer, button:hover > .effect-zoom .image-replacer, label:hover > .effect-zoom .image-replacer {
  transform: scale(1.1);
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-download {
  padding: 25px 0 90px;
}

.sf-com-teaser-download .td-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sf-com-teaser-download .td-list .list-item {
  background-color: #FFFFFF;
  transition: background-color 0.5s;
  margin: 0 0.5% 20px 0.5%;
  padding: 10px 15px;
  display: flex;
  flex-direction: row;
  width: 24%;
}

.sf-com-teaser-download .td-list .list-item a {
  border-left: 1px solid #dfdfdf;
  display: inline-block;
  width: 25%;
  min-width: 55px;
}

.sf-com-teaser-download .td-list .list-item a .image-box {
  height: 40px;
  width: 60px;
  text-align: center;
  margin-left: 40%;
  background: url(/Assets/images/icons/download-blue.png) no-repeat 0 13px;
  display: block;
}

.sf-com-teaser-download .td-list .list-item .td-info {
  display: inline-block;
  width: 75%;
  text-align: left;
}

.sf-com-teaser-download .td-list .list-item .td-info .title {
  font-weight: 400;
  margin-bottom: 5px;
  color: #000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition: color 0.2s;
  margin-right: 5px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sf-com-teaser-download .td-list .list-item .td-info .intro {
  font-weight: 400;
  color: #cfcfcf;
  transition: color 0.2s;
  font-size: 0.8em;
}

.sf-com-teaser-download .td-list .list-item .td-info .date {
  color: #b7cee3;
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
}

.sf-com-teaser-download .td-list .list-item:hover {
  background-color: #003466;
  transition: background-color 0.5s;
}

.sf-com-teaser-download .td-list .list-item:hover .td-info .title {
  color: #FFFFFF;
  transition: color 0.2s;
}

.sf-com-teaser-download .td-list .list-item:hover .td-info .intro {
  color: #FFFFFF;
  transition: color 0.2s;
}

.sf-com-teaser-download .td-list .list-item:hover a {
  border-left: 1px solid #6DAD19;
}

.sf-com-teaser-download .td-list .list-item:hover a .image-box {
  background: url(/Assets/images/icons/download-white.png) no-repeat 0 13px;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-download {
    padding: 40px 20px;
  }
  .sf-com-teaser-download .td-list .list-item {
    margin: 0 0 10px 0;
    padding: 20px 22px;
    width: 100%;
  }
  .sf-com-teaser-download .td-list .list-item .td-info {
    min-width: 200px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-product-news {
  padding: 25px 0 65px;
}

.sf-com-teaser-product-news .tpn-card {
  background-color: #FFFFFF;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  min-height: 95%;
  margin: 0 0 25px 0;
  position: relative;
  padding-bottom: 3.5em;
  width: 100%;
}

.sf-com-teaser-product-news .tpn-card .tpn-content {
  position: relative;
  width: 100%;
  min-height: 270px;
  overflow: hidden;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info {
  width: 100%;
  background: #FFFFFF;
  padding: 15px 30px 25px 30px;
  visibility: visible;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .date {
  text-align: center;
  margin: 10px 0;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .date span {
  font-size: 0.8em;
  color: #FFFFFF;
  background: #6DAD19;
  padding: 5px;
  text-align: center;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .title {
  font-size: 26px;
  line-height: 1.5em;
  font-weight: 400;
  margin: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  z-index: 10;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .intro {
  font-size: 1em;
  line-height: 1.6em;
  font-weight: 400;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover {
  visibility: hidden;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .tpn-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .tpn-image img {
  display: none;
  width: 100%;
  height: 100%;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .tpn-image:after {
  content: '';
  background: #23107d;
  height: 100%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  top: 0;
  left: 0;
  right: auto;
  opacity: 0.5;
}

.sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .title {
  color: #FFFFFF;
  font-size: 26px;
  line-height: 1.5em;
  font-weight: 400;
  margin: 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 50px 30px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2 {
  width: 100%;
  cursor: pointer;
  background-color: #f5f8ff;
  display: inline-block;
  font-size: 16px;
  height: 3.8em;
  line-height: 3.8em;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  text-decoration: none;
  color: #7099c0;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2 span {
  color: #003466;
  display: block;
  font-weight: 200;
  text-transform: uppercase;
  transition: color 0.3s ease;
  text-decoration: none;
  position: relative;
  z-index: 1;
  width: 35%;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2 em {
  position: absolute;
  height: 1px;
  background: #669ACC;
  width: 60%;
  right: 5%;
  top: 50%;
  transition: all 0.3s ease;
  z-index: 1;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2:before, .sf-com-teaser-product-news .tpn-card .sf-cross-btn-2:after {
  content: '';
  background: #003466;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2:before {
  top: 0;
  left: 0;
  right: auto;
}

.sf-com-teaser-product-news .tpn-card .sf-cross-btn-2:after {
  bottom: 0;
  right: 0;
  left: auto;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content, .sf-com-teaser-product-news .tpn-card:focus .tpn-content, .sf-com-teaser-product-news .tpn-card:active .tpn-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
  height: 100%;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content .tpn-info .intro, .sf-com-teaser-product-news .tpn-card:focus .tpn-content .tpn-info .intro, .sf-com-teaser-product-news .tpn-card:active .tpn-content .tpn-info .intro {
  display: none;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content .tpn-info .title, .sf-com-teaser-product-news .tpn-card:focus .tpn-content .tpn-info .title, .sf-com-teaser-product-news .tpn-card:active .tpn-content .tpn-info .title {
  display: none;
  color: #FFFFFF;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content .tpn-hover, .sf-com-teaser-product-news .tpn-card:focus .tpn-content .tpn-hover, .sf-com-teaser-product-news .tpn-card:active .tpn-content .tpn-hover {
  visibility: visible;
}

.sf-com-teaser-product-news .tpn-card:hover .tpn-content .tpn-hover .tpn-image:after, .sf-com-teaser-product-news .tpn-card:focus .tpn-content .tpn-hover .tpn-image:after, .sf-com-teaser-product-news .tpn-card:active .tpn-content .tpn-hover .tpn-image:after {
  width: 100%;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2, .sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2, .sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2 {
  text-decoration: none;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2:before, .sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2:before, .sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2:before {
  width: 100%;
  right: 0;
  left: auto;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2:after, .sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2:after, .sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2:after {
  width: 100%;
  left: 0;
  right: auto;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2 span, .sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2 span, .sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2 span {
  color: #FFFFFF;
}

.sf-com-teaser-product-news .tpn-card:hover .sf-cross-btn-2 em, .sf-com-teaser-product-news .tpn-card:focus .sf-cross-btn-2 em, .sf-com-teaser-product-news .tpn-card:active .sf-cross-btn-2 em {
  background: #FFFFFF;
}

.sf-com-teaser-product-news .loading {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-teaser-product-news.type-3 .tpn-card .tpn-content .tpn-hover .tpn-image:after {
  background: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-product-news {
    padding: 40px 20px;
  }
  .sf-com-teaser-product-news .tpn-card {
    padding-bottom: 3em;
    font-size: 14px;
  }
  .sf-com-teaser-product-news .tpn-card .tpn-content {
    min-height: 220px;
  }
  .sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info {
    padding: 15px;
  }
  .sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .title {
    font-size: 16px;
  }
  .sf-com-teaser-product-news .tpn-card .tpn-content .tpn-info .intro {
    font-size: 14px;
  }
  .sf-com-teaser-product-news .tpn-card .tpn-content .tpn-hover .title {
    font-size: 16px;
    padding: 45px 15px;
  }
  .sf-com-teaser-product-news .tpn-card .sf-cross-btn-2 {
    font-size: 14px;
    height: 3em;
    line-height: 3em;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-hot-spot {
  padding: 90px 0;
}

.sf-com-teaser-hot-spot .sf-com-poster-wall {
  margin: 0;
}

.sf-com-teaser-hot-spot .row {
  width: 100%;
  margin: 0 auto;
}

.sf-com-teaser-hot-spot .row .poster {
  width: 100%;
  min-width: 290px;
}

.sf-com-teaser-hot-spot .row .poster .detail {
  height: auto;
  top: 120%;
  padding: 0 10%;
}

.sf-com-teaser-hot-spot .row .poster .title {
  left: 10%;
}

.sf-com-teaser-hot-spot .row .poster .hot-spot-link {
  justify-content: left;
  position: relative;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1em;
  line-height: 1.7;
  margin-bottom: 1em;
}

.sf-com-teaser-hot-spot .row .poster .hot-spot-link p {
  margin-top: 14px;
  margin-bottom: 14px;
}

.sf-com-teaser-hot-spot .row .poster .hot-spot-link .icon {
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  color: #FFFFFF;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
}

.sf-com-teaser-hot-spot .row .poster .hot-spot-link:hover .icon, .sf-com-teaser-hot-spot .row .poster .hot-spot-link:focus .icon, .sf-com-teaser-hot-spot .row .poster .hot-spot-link:active .icon {
  display: inline-block;
  background-color: #6DAD19;
  border-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-teaser-hot-spot .row .poster:hover .title, .sf-com-teaser-hot-spot .row .poster:focus .title, .sf-com-teaser-hot-spot .row .poster:active .title {
  bottom: 75%;
}

.sf-com-teaser-hot-spot .row .poster:hover .detail, .sf-com-teaser-hot-spot .row .poster:focus .detail, .sf-com-teaser-hot-spot .row .poster:active .detail {
  top: 35%;
}

.sf-com-teaser-hot-spot .row .poster:hover .detail .hot-spot-link, .sf-com-teaser-hot-spot .row .poster:focus .detail .hot-spot-link, .sf-com-teaser-hot-spot .row .poster:active .detail .hot-spot-link {
  display: block;
}

.sf-com-teaser-hot-spot .row .poster:hover::before, .sf-com-teaser-hot-spot .row .poster:focus::before, .sf-com-teaser-hot-spot .row .poster:active::before {
  background-color: rgba(7, 62, 86, 0.7);
}

.sf-com-teaser-hot-spot .row .poster.ps-h2 {
  z-index: 0;
  height: 57.6vh;
  min-height: 415px;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-hot-spot {
    padding: 40px 0px;
  }
  .sf-com-teaser-hot-spot .content {
    padding: 0;
  }
  .sf-com-teaser-hot-spot .content .row {
    width: 100%;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster {
    width: 100%;
    min-width: 290px;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .detail {
    bottom: 15%;
    padding: 0 10%;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .title {
    left: 10%;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link {
    justify-content: left;
    position: relative;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1em;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link p {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link .icon {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    color: #FFFFFF;
    margin-left: 10px;
    width: 25px;
    text-align: center;
    display: inline-block;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link :hover .icon,
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link :focus .icon,
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster .hot-spot-link :active .icon {
    display: inline-block;
    background-color: #6DAD19;
    border-color: #6DAD19;
    color: #FFFFFF;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:hover .title, .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:focus .title, .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:active .title {
    bottom: 75%;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:hover .detail .hot-spot-link, .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:focus .detail .hot-spot-link, .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:active .detail .hot-spot-link {
    display: block;
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:hover::before, .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:focus::before, .sf-com-teaser-hot-spot .content .row .col-md-4 .poster:active::before {
    background-color: rgba(7, 62, 86, 0.7);
  }
  .sf-com-teaser-hot-spot .content .row .col-md-4 .poster.ps-h2 {
    height: 28vh;
    min-height: 200px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-by-scene {
  padding: 90px 0;
}

.sf-com-teaser-by-scene .by-scene-card {
  background-color: #FFFFFF;
  font-weight: 200;
  margin: 0 0 70px 0;
  position: relative;
  transition: all linear 0.3s;
}

.sf-com-teaser-by-scene .by-scene-card::after {
  content: " ";
  display: block;
  position: absolute;
  height: 6px;
  width: 0;
  background-color: #F4FF81;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -3px;
  transition: all ease-out 0.15s;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-heading {
  border-top: 2px solid #A4C6DA;
  padding: 30px 20px;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-heading .title {
  font-size: 24px;
  font-weight: 400;
  min-height: 3em;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-heading .title.dark-blue {
  min-height: 1.5em;
  margin: 8px 0;
  font-weight: 400;
  color: #003466;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-heading .intro {
  line-height: 1.8;
  height: 1.8em;
  overflow: hidden;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  height: 300px;
  position: relative;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image.type-middle {
  height: 170px;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image::before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.3) 100%);
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image .title {
  position: absolute;
  font-size: 24px;
  color: #FFFFFF;
  left: 0;
  bottom: 0;
  padding: 25px 20px;
  z-index: 20;
  line-height: 1.1;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image + .scene-card-heading {
  background-color: #eff2f7;
  border-top: none;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image + .scene-card-heading .title {
  min-height: 0;
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image:hover, .sf-com-teaser-by-scene .by-scene-card .scene-card-image:focus, .sf-com-teaser-by-scene .by-scene-card .scene-card-image:active {
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.sf-com-teaser-by-scene .by-scene-card .scene-card-image:hover .title, .sf-com-teaser-by-scene .by-scene-card .scene-card-image:focus .title, .sf-com-teaser-by-scene .by-scene-card .scene-card-image:active .title {
  text-decoration: underline;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list {
  width: 100%;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content {
  margin-bottom: 0;
  list-style: none;
  width: 100%;
  padding: 0;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item {
  border-bottom: 1px solid #ebebeb;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link {
  color: #454545;
  display: block;
  padding: 15px 20px;
  position: relative;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link .icon {
  right: 0px;
  top: 50%;
  margin-top: -13px;
  position: absolute;
  visibility: hidden;
  border: 1px solid #6DAD19;
  border-radius: 50%;
  background-color: #6DAD19;
  color: #FFFFFF;
  line-height: 25px;
  height: 25px;
  width: 25px;
  text-align: center;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:hover, .sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:focus, .sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:active {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:hover .icon, .sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:focus .icon, .sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item .link:active .icon {
  visibility: visible;
  right: 20px;
  transition: right ease-out 0.2s;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item.fold {
  display: none;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #c7d0db;
  line-height: 1;
  text-decoration: none;
}

.sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-more .icon {
  color: #fff;
  text-align: center;
  display: block;
}

.sf-com-teaser-by-scene .by-scene-card:hover, .sf-com-teaser-by-scene .by-scene-card:focus, .sf-com-teaser-by-scene .by-scene-card:active {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.sf-com-teaser-by-scene .by-scene-card:hover::after, .sf-com-teaser-by-scene .by-scene-card:focus::after, .sf-com-teaser-by-scene .by-scene-card:active::after {
  background-color: #6DAD19;
  width: 100%;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card {
  margin-bottom: 0;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading {
  border-top: none;
  display: block;
  padding: 10px 20px;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading:hover, .sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading:focus, .sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading:active {
  text-decoration: none;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading .title {
  color: #669ACC;
  min-height: 0;
  font-size: 18px;
  line-height: 2.5;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-heading .title [class^=ti-] {
  margin-right: 5px;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .scene-card-image {
  height: 200px;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list {
  font-size: 14px;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link {
  height: 4em;
  line-height: 1.5;
  padding: 0.5em 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h1, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h2, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h3, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h4, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h5, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link h6,
.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link div, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link p, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link span, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link a, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link b, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link i, .sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-list-content .list-item .link em {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-more {
  background-color: rgba(0, 0, 0, 0.02);
}

.sf-com-teaser-by-scene.type-2 .by-scene-card .fold-links-list .fold-links-more .icon {
  color: #c7d0db;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading {
  padding: 10px 20px;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link {
  text-decoration: none;
  color: #000000;
  display: block;
  position: relative;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link .title {
  min-height: 2em;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link .icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.9em;
  border: 1px solid #6899cc;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #6899cc;
  font-size: 1.2em;
  line-height: 1.8em;
  height: 1.8em;
  width: 1.8em;
  text-align: center;
  transition: right linear 0.3s;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:hover, .sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:focus, .sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:active {
  color: #6899cc;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:hover .icon, .sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:focus .icon, .sf-com-teaser-by-scene.type-6 .by-scene-card .scene-card-heading .link:active .icon {
  background-color: #6899cc;
  color: #FFFFFF;
  right: 20px;
  transition: right linear 0.3s;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .fold-links-list .row {
  margin-right: 0px;
  margin-left: 0px;
}

.sf-com-teaser-by-scene.type-6 .by-scene-card .fold-links-list .row .col-md-6 {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-by-scene {
    padding: 40px 20px;
  }
  .sf-com-teaser-by-scene .by-scene-card {
    margin: 0 0 20px 0;
  }
  .sf-com-teaser-by-scene .by-scene-card .scene-card-heading .title {
    font-size: 16px;
  }
  .sf-com-teaser-by-scene .by-scene-card .scene-card-heading .link .title {
    font-size: 16px;
  }
  .sf-com-teaser-by-scene .by-scene-card .scene-card-image {
    height: 125px;
  }
  .sf-com-teaser-by-scene .by-scene-card .fold-links-list {
    font-size: 14px;
  }
  .sf-com-teaser-by-scene.type-2 {
    padding: 40px 20px 0;
  }
  .sf-com-teaser-by-scene.type-2 .basic-list .slick-list .slick-track {
    padding-bottom: 20px;
  }
  .sf-com-teaser-by-scene.type-5 .by-scene-card .scene-card-heading {
    padding: 10px 20px;
  }
  .sf-com-teaser-by-scene.type-5 .by-scene-card .scene-card-heading .title {
    min-height: 2em;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-user-attention {
  padding: 25px 0 65px;
}

.sf-com-teaser-user-attention .content > .row > [class^=col-] {
  margin-bottom: 30px;
}

.sf-com-teaser-user-attention .user-attention-card {
  color: #454545;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.sf-com-teaser-user-attention .user-attention-card:hover, .sf-com-teaser-user-attention .user-attention-card:focus, .sf-com-teaser-user-attention .user-attention-card:active {
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.sf-com-teaser-user-attention .user-attention-card .user-attention-image {
  height: 300px;
}

.sf-com-teaser-user-attention .user-attention-card .white-common-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  width: 100%;
  background: #FFFFFF;
  padding: 25px 40px;
}

.sf-com-teaser-user-attention .user-attention-card .white-common-content .title {
  font-size: 24px;
  line-height: 1.8;
  font-weight: 400;
  margin-bottom: 10px;
}

.sf-com-teaser-user-attention .user-attention-card .white-common-content .intro {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.5;
  max-height: 4.5em;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-user-attention {
    padding: 40px 20px;
  }
  .sf-com-teaser-user-attention .user-attention-card .user-attention-image {
    height: 200px;
  }
  .sf-com-teaser-user-attention .user-attention-card .white-common-content {
    padding: 20px;
  }
  .sf-com-teaser-user-attention .user-attention-card .white-common-content .title {
    font-size: 16px;
  }
  .sf-com-teaser-user-attention .user-attention-card .white-common-content .intro {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-company-type {
  padding: 25px 0 45px;
}

.sf-com-teaser-company-type .content .row {
  flex-grow: 1;
  min-width: 100%;
  flex-direction: row;
}

.sf-com-teaser-company-type .company-type-card {
  position: relative;
}

.sf-com-teaser-company-type .company-type-card .poster {
  width: 100%;
  min-width: 290px;
}

.sf-com-teaser-company-type .company-type-card .poster .des {
  z-index: 11;
  height: 28vh;
  min-height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 20px;
}

.sf-com-teaser-company-type .company-type-card .poster .des a {
  text-decoration: none;
}

.sf-com-teaser-company-type .company-type-card .poster .des a img {
  width: 11vh;
  margin: 2vh auto 0px auto;
  display: block;
}

.sf-com-teaser-company-type .company-type-card .poster .des a .tc-title {
  color: #FFFFFF;
  font-size: 24px;
  display: block;
  margin: 5px auto;
  text-align: center;
  font-weight: 400;
}

.sf-com-teaser-company-type .company-type-card .poster .des a .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #6DAD19;
  border-radius: 50%;
  background-color: #6DAD19;
  color: #FFFFFF;
  width: 32px;
  height: 32px;
  text-align: center;
  margin: 15px auto;
}

.sf-com-teaser-company-type .company-type-card .poster .des a .icon span {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-company-type {
    padding: 40px 20px;
  }
  .sf-com-teaser-company-type .content {
    padding: 0;
  }
  .sf-com-teaser-company-type .content .poster {
    height: 250px;
    width: 100%;
    min-width: 290px;
  }
  .sf-com-teaser-company-type .content .poster .des {
    height: 250px;
  }
  .sf-com-teaser-company-type .content .poster .des a img {
    height: 70px;
    width: auto;
    margin: 0px auto 0px auto;
    display: block;
  }
  .sf-com-teaser-company-type .company-type-card .poster .des a .tc-title {
    font-size: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-19 {
  padding: 90px 0;
}

.sf-com-teaser-type-19 .content .info-card {
  background-color: #FAFAFA;
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.15);
  position: relative;
}

.sf-com-teaser-type-19 .content .info-card::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #689bca 0%, #689bca 50%, #6fab2a 50.1%, #6fab2a 100%);
}

.sf-com-teaser-type-19 .content .info-card .card-body {
  padding: 50px 10%;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 200;
}

.sf-com-teaser-type-19 .content .info-card .card-body p {
  margin: 0;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0 10%;
  font-size: 18px;
  font-weight: 200;
  height: auto;
  line-height: 4;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn span {
  color: #689bca;
  white-space: nowrap;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn em {
  background-color: #689bca;
  position: static;
  margin-left: 1.5em;
  transform-origin: left center;
  width: 400px;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:hover span, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:focus span, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:active span {
  color: #6fab2a;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:hover em, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:focus em, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:active em {
  background-color: #6fab2a;
}

.sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:hover::before, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:hover::after, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:focus::before, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:focus::after, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:active::before, .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn:active::after {
  background: rgba(111, 171, 42, 0.1);
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-19 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-19 .content .info-card .card-body {
    font-size: 14px;
    line-height: 1.7;
    padding: 20px 20px;
  }
  .sf-com-teaser-type-19 .content .info-card .card-body img {
    height: auto !important;
    max-width: 100%;
  }
  .sf-com-teaser-type-19 .content .info-card .card-footer .sf-cross-btn {
    font-size: 14px;
    padding: 0 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-23 {
  background-color: #eaf1fc;
  padding: 90px 0;
}

.sf-com-teaser-type-23 .content .cube-list {
  background-color: #FFFFFF;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
  color: #669ACC;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  z-index: 30;
}

.sf-com-teaser-type-23 .content .cube-list .list-item {
  width: 50%;
  flex-shrink: 0;
  padding: 30px 20px;
  text-align: center;
}

.sf-com-teaser-type-23 .content .cube-list .list-item:first-child, .sf-com-teaser-type-23 .content .cube-list .list-item:last-child {
  background-color: #eff2f7;
}

.sf-com-teaser-type-23 .content .cube-list .list-item .icon {
  margin-top: 30px;
}

.sf-com-teaser-type-23 .content .cube-list .list-item .icon img {
  display: block;
  max-height: 80px;
  margin: 0 auto;
}

.sf-com-teaser-type-23 .content .cube-list .list-item .title {
  font-family: sans-serif;
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
  margin: 30px 0 10px 0;
  text-align: center;
}

.sf-com-teaser-type-23 .content .cube-list .list-item .sub-title {
  font-size: 24px;
  font-weight: 400;
}

.sf-com-teaser-type-23 .content .com-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}

.sf-com-teaser-type-23 .content .intro-card {
  background-color: #FFFFFF;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 10;
  padding: 40px 50px;
}

.sf-com-teaser-type-23 .content .intro-card .card-heading {
  padding: 15px 0;
}

.sf-com-teaser-type-23 .content .intro-card .card-heading .title {
  font-size: 24px;
  font-weight: 400;
  margin: 0;
}

.sf-com-teaser-type-23 .content .intro-card .card-body {
  font-weight: 200;
  line-height: 2;
}

.sf-com-teaser-type-23 .content .intro-card .card-body p {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-23 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-23 .content .cube-list .list-item {
    width: 100%;
  }
  .sf-com-teaser-type-23 .content .cube-list .list-item:nth-child(2n - 1) {
    background-color: #eff2f7;
  }
  .sf-com-teaser-type-23 .content .cube-list .list-item:nth-child(2n) {
    background-color: #FFFFFF;
  }
  .sf-com-teaser-type-23 .content .cube-list .list-item .icon {
    margin-top: 10px;
  }
  .sf-com-teaser-type-23 .content .cube-list .list-item .icon img {
    max-height: 60px;
  }
  .sf-com-teaser-type-23 .content .cube-list .list-item .title {
    font-size: 36px;
  }
  .sf-com-teaser-type-23 .content .cube-list .list-item .sub-title {
    font-size: 18px;
  }
  .sf-com-teaser-type-23 .content .intro-card {
    padding: 20px;
  }
  .sf-com-teaser-type-23 .content .intro-card .card-heading {
    padding: 5px 0;
  }
  .sf-com-teaser-type-23 .content .intro-card .card-heading .title {
    font-size: 18px;
    font-weight: 400;
  }
  .sf-com-teaser-type-23 .content .intro-card .card-body {
    font-size: 14px;
    line-height: 1.7;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-26 {
  padding: 90px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-26 {
    padding: 40px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-27 {
  padding: 90px 0;
}

.sf-com-teaser-type-27 .more {
  margin: 25px 0;
  text-align: center;
  font-size: 18px;
}

.sf-com-teaser-type-27 .more a {
  padding: 0 5px;
  color: #6dad19;
  text-decoration: underline;
}

.sf-com-teaser-type-27 .more a:hover {
  color: #3A70B7;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-27 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-27 .row .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-teaser-type-27 .more {
    margin: 15px 0 0;
    text-align: center;
    font-size: 16px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-28 {
  padding: 90px 0;
}

.sf-com-teaser-type-28 .sf-title-block {
  margin-top: 10px;
  color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-28 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-28 .row .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-29 {
  padding: 90px 0;
}

.sf-com-teaser-type-29 .sf-title-block {
  margin-top: 10px;
}

.sf-com-teaser-type-29 .mobile-image {
  height: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-29 {
    padding: 40px 20px;
    background-image: none !important;
  }
  .sf-com-teaser-type-29 .row .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-teaser-type-29 .row .col-md-4 .mobile-image {
    margin: 20px auto 10px;
    width: 100%;
    height: 200px;
    background-position: left center;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-30 {
  padding: 90px 0;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-32 {
  padding: 90px 0;
}

.sf-com-teaser-type-32 .content .teaser-list {
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-32 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-32 .content .row .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-31 {
  padding: 90px 0;
}

.sf-com-teaser-type-31 .content {
  position: relative;
  z-index: 10;
}

.sf-com-teaser-type-31 .content .sf-com-social-icons {
  margin: 70px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-31 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-31 .content .sf-com-social-icons {
    margin: 40px 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-34 {
  padding: 90px 0;
}

.sf-com-teaser-type-34 .content {
  position: relative;
  z-index: 90;
}

.sf-com-teaser-type-34 .content .point-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  z-index: 10;
}

.sf-com-teaser-type-34 .content .point-list .list-item {
  border-right: 1px solid #669ACC;
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}

.sf-com-teaser-type-34 .content .point-list .list-item:last-child {
  border-right: none;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-front {
  overflow: auto;
  width: 100%;
  transition: all linear 0.3s;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-front .icon,
.sf-com-teaser-type-34 .content .point-list .list-item .card-front .title {
  margin: 60px 0;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-front .icon img {
  display: block;
  height: 70px;
  margin: 0 auto;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-front .title {
  font-weight: 400;
  font-size: 24px;
  text-align: center;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back {
  background-color: #003466;
  color: #FFFFFF;
  padding: 15px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  opacity: 0;
  overflow: hidden;
  transition: all linear 0.3s;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-heading {
  padding: 20px 0;
  text-align: center;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-heading .title {
  margin: 0;
  font-size: 22px;
  font-weight: 200;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-body {
  font-weight: 200;
  font-size: 14px;
  line-height: 1.6;
}

.sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-body p {
  margin: 0;
}

.sf-com-teaser-type-34 .content .point-list .list-item:hover, .sf-com-teaser-type-34 .content .point-list .list-item:focus, .sf-com-teaser-type-34 .content .point-list .list-item:active {
  overflow: visible;
}

.sf-com-teaser-type-34 .content .point-list .list-item:hover .card-front, .sf-com-teaser-type-34 .content .point-list .list-item:focus .card-front, .sf-com-teaser-type-34 .content .point-list .list-item:active .card-front {
  opacity: 0;
}

.sf-com-teaser-type-34 .content .point-list .list-item:hover .card-back, .sf-com-teaser-type-34 .content .point-list .list-item:focus .card-back, .sf-com-teaser-type-34 .content .point-list .list-item:active .card-back {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  top: 0;
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-34 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-34 .content .point-list {
    flex-direction: column;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item {
    border-right: none;
    border-bottom: 1px solid #669ACC;
    margin: 0;
    display: flex;
    flex-direction: row;
    padding: 15px 0;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item:last-child {
    border-bottom: none;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item .card-front {
    width: auto;
    flex-shrink: 0;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item .card-front .icon,
  .sf-com-teaser-type-34 .content .point-list .list-item .card-front .title {
    margin: 0;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item .card-front .icon img {
    height: auto;
    width: 50px;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item .card-front .title {
    display: none;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item .card-back {
    background-color: transparent;
    color: #454545;
    height: auto;
    position: static;
    padding: 0 0 0 20px;
    opacity: 1;
    flex-grow: 1;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-heading {
    padding: 0 0 10px 0;
    text-align: left;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-heading .title {
    font-size: 14px;
    font-weight: 400;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item .card-back .card-body {
    font-size: 14px;
  }
  .sf-com-teaser-type-34 .content .point-list .list-item:hover .card-front,
  .sf-com-teaser-type-34 .content .point-list .list-item:hover .card-back, .sf-com-teaser-type-34 .content .point-list .list-item:focus .card-front,
  .sf-com-teaser-type-34 .content .point-list .list-item:focus .card-back, .sf-com-teaser-type-34 .content .point-list .list-item:active .card-front,
  .sf-com-teaser-type-34 .content .point-list .list-item:active .card-back {
    box-shadow: none;
    opacity: 1;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-39 {
  padding: 90px 0;
}

.sf-com-teaser-type-39 .slick-list {
  overflow: hidden;
  height: 100%;
}

.sf-com-teaser-type-39 .slick-list .slick-track {
  overflow: hidden;
  height: 100%;
}

.sf-com-teaser-type-39 .slick-list .slick-track .slick-slide {
  float: left;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints {
  background-color: #EFEFEF;
  display: flex;
  width: 50%;
  position: relative;
  z-index: 20;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item {
  background-color: #EFEFEF;
  border-bottom: 1px solid #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
  width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item:last-child {
  border-bottom: none;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item:not([data-point-index]) {
  flex-grow: 0;
  flex-shrink: 1;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item.active .link {
  color: #FFFFFF;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item.active .link::after {
  height: 100%;
  top: 0;
  transition: all linear 0.5s;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  color: #454545;
  height: 100%;
  max-width: 100%;
  padding: 15px 30px;
  position: relative;
  text-decoration: none;
  transition: all linear 0.3s;
  width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .image {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  height: 100%;
  max-height: 100px;
  width: 25%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .image img {
  display: block;
  height: 100px;
  width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des {
  color: #454545;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 20px;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .title {
  font-size: 22px;
  font-weight: 400;
  margin: 0;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .time {
  font-size: 14px;
  margin: 20px 0 0 0;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  width: 10px;
  position: absolute;
  height: 0;
  top: 50%;
  left: -5px;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link:hover, .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link:focus, .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link:active {
  background-color: #E1E1E1;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item:last-child .sf-cross-btn {
  width: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros {
  width: 50%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list {
  position: relative;
  height: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item {
  position: relative;
  height: 400px;
  height: 100%;
  background: #000000;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro {
  position: absolute;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 70px 35px 35px 35px;
  pointer-events: none;
  z-index: 20;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .title {
  color: #FFFFFF;
  font-size: 26px;
  font-weight: 200;
  margin: 0;
  padding: 0;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .detail {
  color: #FFFFFF;
  margin: 25px 0 0 0;
  padding: 0;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 200;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .sf-com-video-play-button {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 20;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  font-size: 6em;
  line-height: 1.15em;
  height: 1.3em;
  width: 1.3em;
  border: 0.06666em solid rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.65em;
  margin-left: -0.65em;
  margin-top: -0.65em;
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  color: rgba(43, 51, 63, 0.6);
}

.sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-poster {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media screen and (min-width: 1024px) and (max-width: 1410px) {
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .title {
    font-size: 1em;
  }
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-39 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-39 .slick-list .slick-track {
    background-color: #FFFFFF;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper {
    flex-direction: column;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints,
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros {
    width: 100%;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints {
    margin-bottom: 10px;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link {
    font-size: 14px;
    font-weight: 200;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link::after {
    left: 0;
    width: 4px;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .image {
    display: none;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des {
    padding: 0;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .title {
    font-size: 16px;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link .des .time {
    margin-top: 10px;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list {
    box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item {
    min-height: 0;
    height: auto;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .sf-com-motional-image {
    display: none;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro {
    background: #FFFFFF;
    position: static;
    padding: 20px;
    display: none;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .title {
    color: #454545;
    font-size: 16px;
    margin-bottom: 1em;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .intro .detail {
    color: #454545;
    font-size: 14px;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper {
    margin-top: 0 !important;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js {
    height: 200px;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    font-size: 6em;
    line-height: 1.15em;
    height: 1.3em;
    width: 1.3em;
    border: 0.06666em solid rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0.65em;
    margin-left: -0.65em;
    margin-top: -0.65em;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    color: rgba(43, 51, 63, 0.6);
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .video-wrapper .video-js .vjs-poster {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .sf-com-teaser-type-39 .content .keypoints-wrapper .keyintros .intro-list .list-item .sf-com-video-play-button {
    display: none;
  }
}

html[data-useragent*='Trident'] .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item {
  flex-direction: column;
  width: 100%;
}

html[data-useragent*='Trident'] .sf-com-teaser-type-39 .content .keypoints-wrapper .keypoints .point-list .list-item .link {
  width: 100%;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-38 {
  padding: 90px 0;
}

.sf-com-teaser-type-38 .content .teaser-list {
  padding-top: 5px;
  position: relative;
}

.sf-com-teaser-type-38 .content .teaser-list::before {
  background-color: rgba(255, 255, 255, 0.75);
  content: " ";
  display: block;
  height: 2px;
  top: 5px;
  left: 0;
  right: 0;
}

.sf-com-teaser-type-38.type-1 {
  padding: 40px 20px 10px;
}

.sf-com-teaser-type-38.type-1 .content .teaser-list::before {
  background-color: rgba(210, 210, 210, 0.75);
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-38 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-38 .content .teaser-list::before {
    display: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-37 {
  padding: 90px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-37 {
    padding: 40px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-41 {
  padding: 90px 0;
  background-color: #f5f8ff;
}

.sf-com-teaser-type-41 .content {
  position: relative;
  z-index: 10;
}

.sf-com-teaser-type-41 .content .info-card {
  color: #454545;
  background-color: #FFFFFF;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
  margin-bottom: 30px;
  transition: all linear 0.3s;
  text-decoration: none;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sf-com-teaser-type-41 .content .info-card:hover, .sf-com-teaser-type-41 .content .info-card:focus, .sf-com-teaser-type-41 .content .info-card:active {
  box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);
}

.sf-com-teaser-type-41 .content .info-card:hover .card-icon, .sf-com-teaser-type-41 .content .info-card:focus .card-icon, .sf-com-teaser-type-41 .content .info-card:active .card-icon {
  max-width: 100%;
}

.sf-com-teaser-type-41 .content .info-card:hover .card-icon img, .sf-com-teaser-type-41 .content .info-card:focus .card-icon img, .sf-com-teaser-type-41 .content .info-card:active .card-icon img {
  filter: grayscale(0);
}

.sf-com-teaser-type-41 .content .info-card:hover .bar, .sf-com-teaser-type-41 .content .info-card:focus .bar, .sf-com-teaser-type-41 .content .info-card:active .bar {
  height: 60px;
}

.sf-com-teaser-type-41 .content .info-card:hover .bar::before, .sf-com-teaser-type-41 .content .info-card:focus .bar::before, .sf-com-teaser-type-41 .content .info-card:active .bar::before {
  width: 50px;
}

.sf-com-teaser-type-41 .content .info-card .card-icon img {
  display: block;
  max-height: 60px;
  max-width: 100%;
  filter: grayscale(1);
  transition: all linear 0.5s;
}

.sf-com-teaser-type-41 .content .info-card .bar {
  height: 40px;
  position: relative;
  transition: all linear 0.2s;
  width: 100%;
}

.sf-com-teaser-type-41 .content .info-card .bar::before {
  content: " ";
  display: block;
  height: 4px;
  width: 0;
  background-color: #6DAD19;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: -2px auto auto auto;
  transition: all linear 0.3s;
}

.sf-com-teaser-type-41 .content .info-card .card-heading {
  font-size: 22px;
  overflow: hidden;
  position: relative;
}

.sf-com-teaser-type-41 .content .info-card .card-heading .title {
  color: #454545;
  line-height: 1.8;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
}

.sf-com-teaser-type-41.type-3 {
  background-color: transparent;
  padding: 10px 0 90px 0;
}

.sf-com-teaser-type-41.type-3 .content {
  border-left: 1px solid #EAEAEA;
  border-top: 1px solid #EAEAEA;
  position: relative;
}

.sf-com-teaser-type-41.type-3 .content::before, .sf-com-teaser-type-41.type-3 .content::after {
  content: " ";
  display: block;
  position: absolute;
}

.sf-com-teaser-type-41.type-3 .content::before {
  height: 1px;
  background-color: #EAEAEA;
  bottom: 0;
  left: 0;
  right: 0;
}

.sf-com-teaser-type-41.type-3 .content::after {
  width: 1px;
  background-color: #EAEAEA;
  right: 0;
  top: 0;
  bottom: 0;
}

.sf-com-teaser-type-41.type-3 .content .info-card {
  box-shadow: none;
  margin-bottom: 0;
  box-sizing: border-box;
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  height: 150px;
  padding: 20px 30px 10px 30px;
}

.sf-com-teaser-type-41.type-3 .content .info-card .card-icon {
  max-width: 100%;
}

.sf-com-teaser-type-41.type-3 .content .info-card .bar {
  height: 10px;
}

.sf-com-teaser-type-41.type-3 .content .info-card .card-heading .title {
  font-size: 0.75em;
  font-weight: 200;
}

.sf-com-teaser-type-41.type-3 .content .info-card:hover .bar, .sf-com-teaser-type-41.type-3 .content .info-card:focus .bar, .sf-com-teaser-type-41.type-3 .content .info-card:active .bar {
  height: 25px;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-41 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-41 .content .info-card {
    height: 100px;
    margin-bottom: 15px;
  }
  .sf-com-teaser-type-41 .content .info-card .card-heading {
    font-size: 14px;
    font-weight: 400;
  }
  .sf-com-teaser-type-41 .content .info-card .card-icon img {
    max-height: 25px;
  }
  .sf-com-teaser-type-41 .content .info-card .bar {
    height: 6px;
  }
  .sf-com-teaser-type-41 .content .info-card .bar::before {
    height: 2px;
    margin-top: 0;
  }
  .sf-com-teaser-type-41 .content .info-card:hover .bar, .sf-com-teaser-type-41 .content .info-card:focus .bar, .sf-com-teaser-type-41 .content .info-card:active .bar {
    height: 20px;
  }
  .sf-com-teaser-type-41.type-3 {
    padding: 0 20px 40px 20px;
  }
  .sf-com-teaser-type-41.type-3 .content .info-card {
    height: 70px;
    padding: 10px 10px 5px 10px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-45 {
  padding: 90px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-45 {
    padding: 40px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-46 {
  padding: 90px 0;
}

.sf-com-teaser-type-46 .content .row > div:nth-child(2n) .sf-com-card-basic::after {
  background-color: #043564;
}

.sf-com-teaser-type-46 .content .row > div:nth-child(2n - 1) .sf-com-card-basic::after {
  background-color: #6DAD19;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-46 {
    padding: 40px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-47 {
  padding: 90px 0;
}

.sf-com-teaser-type-47 .content .info-card {
  background-color: #f5f8ff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
  margin-bottom: 40px;
  transition: all linear 0.3s;
  padding: 30px 20px;
}

.sf-com-teaser-type-47 .content .info-card:hover, .sf-com-teaser-type-47 .content .info-card:focus, .sf-com-teaser-type-47 .content .info-card:active {
  background-color: #FFFFFF;
}

.sf-com-teaser-type-47 .content .info-card .card-icon {
  margin-bottom: 20px;
  position: relative;
  height: 40px;
}

.sf-com-teaser-type-47 .content .info-card .card-icon::before {
  background-image: url(/Assets/images/file-icons/file.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  content: " ";
  display: block;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

.sf-com-teaser-type-47 .content .info-card .card-icon.ppt::before, .sf-com-teaser-type-47 .content .info-card .card-icon.pptx::before {
  background-image: url(/Assets/images/file-icons/ppt.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.doc::before, .sf-com-teaser-type-47 .content .info-card .card-icon.docx::before {
  background-image: url(/Assets/images/file-icons/doc.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.xls::before, .sf-com-teaser-type-47 .content .info-card .card-icon.xlsx::before {
  background-image: url(/Assets/images/file-icons/xls.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.wps::before {
  background-image: url(/Assets/images/file-icons/wps.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.pdf::before {
  background-image: url(/Assets/images/file-icons/pdf.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.txt::before {
  background-image: url(/Assets/images/file-icons/txt.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.ai::before {
  background-image: url(/Assets/images/file-icons/ai.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.psd::before {
  background-image: url(/Assets/images/file-icons/psd.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.gif::before {
  background-image: url(/Assets/images/file-icons/gif.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.jpeg::before, .sf-com-teaser-type-47 .content .info-card .card-icon.jpg::before {
  background-image: url(/Assets/images/file-icons/jpg.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.png::before {
  background-image: url(/Assets/images/file-icons/png.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.rar::before {
  background-image: url(/Assets/images/file-icons/rar.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon.zip::before {
  background-image: url(/Assets/images/file-icons/zip.png);
}

.sf-com-teaser-type-47 .content .info-card .card-icon img {
  display: block;
  height: 40px;
}

.sf-com-teaser-type-47 .content .info-card .card-heading {
  font-size: 18px;
  height: 5.4em;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.sf-com-teaser-type-47 .content .info-card .card-heading::before {
  content: " ";
  display: block;
  height: 3px;
  width: 5em;
  background-color: #043564;
  position: absolute;
  bottom: 0;
  left: 0;
}

.sf-com-teaser-type-47 .content .info-card .card-heading .title {
  line-height: 1.8;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
}

.sf-com-teaser-type-47 .content .info-card .card-body {
  font-weight: 200;
  height: 3.6em;
  margin-bottom: 20px;
  overflow: hidden;
  line-height: 1.8;
}

.sf-com-teaser-type-47 .content .info-card .card-body p {
  margin: 0;
}

.sf-com-teaser-type-47 .content .info-card .card-footer .link {
  color: #669ACC;
  font-weight: 200;
}

.sf-com-teaser-type-47 .content .info-card.type-2 .card-heading::before {
  background-color: #6DAD19;
}

.sf-com-teaser-type-47 .content .info-card.type-2 .card-footer .link {
  color: #6DAD19;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-47 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-47 .content .info-card {
    margin-bottom: 15px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-48 {
  padding: 90px 0;
}

.sf-com-teaser-type-48 .sf-com-carousel-type-23 {
  padding: 0;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs {
  padding: 0;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs {
  width: 100%;
  margin: 0;
  padding-bottom: 50px;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
  width: auto;
  flex-grow: 1;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link {
  border: none;
  background-color: #d6d8e4;
  font-weight: 200;
  font-size: 16px;
  padding: 1em;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link .main {
  color: #666666;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active {
  background-color: #669ACC;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active::before {
  content: " ";
  display: block;
  border: 10px solid #669ACC;
  border-color: transparent;
  border-top-color: #669ACC;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active::after {
  display: none;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active .main {
  color: #FFFFFF;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .tab-contents .tab-box .row > div:nth-child(2n) .sf-com-card-basic::after {
  background-color: #043564;
}

.sf-com-teaser-type-48 .sf-com-slick-tabs .tab-contents .tab-box .row > div:nth-child(2n - 1) .sf-com-card-basic::after {
  background-color: #6DAD19;
}

.sf-com-teaser-type-48 .sf-com-card-basic .sf-com-motional-image {
  height: 260px;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-48 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-48 .sf-com-carousel-type-23 {
    padding: 0;
  }
  .sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  .sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
    width: 100%;
  }
  .sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link {
    padding: 0;
  }
  .sf-com-teaser-type-48 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab .link.active .main::after {
    border-color: #FFFFFF;
  }
  .sf-com-teaser-type-48 .sf-com-card-basic .sf-com-motional-image {
    height: 200px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-50 {
  padding: 90px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-50 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content {
    flex-direction: column;
  }
  .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .sf-com-motional-image {
    height: 200px;
    width: 100%;
  }
  .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .basic-card {
    padding: 0;
  }
  .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .basic-card .card-heading {
    font-size: 1.2em;
  }
  .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button .icon {
    width: 2.5em;
    height: 2.5em;
  }
  .sf-com-teaser-type-50 .sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button .icon span {
    font-size: 1.2em;
  }
  .sf-com-teaser-type-50.type-2 {
    padding: 40px 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-53 {
  padding: 90px 0;
}

.sf-com-teaser-type-53.sf-block-background .content .sf-title-block .title {
  color: #FFFFFF;
}

.sf-com-teaser-type-53 .content {
  position: relative;
  z-index: 10;
}

.sf-com-teaser-type-53 .content .sf-title-block .title {
  color: #000000;
}

.sf-com-teaser-type-53 .content .tab-list .tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}

.sf-com-teaser-type-53 .content .tab-list .tab .icon {
  background-color: #d6d9e5;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 150px;
  width: 150px;
  transition: all linear 0.3s;
}

.sf-com-teaser-type-53 .content .tab-list .tab .icon img {
  display: block;
  max-height: 70px;
  max-width: 70px;
}

.sf-com-teaser-type-53 .content .tab-list .tab .title {
  color: #454545;
  display: block;
  font-size: 24px;
  font-weight: 200;
  margin-top: 20px;
  transition: all linear 0.3s;
}

.sf-com-teaser-type-53 .content .tab-list .tab.active, .sf-com-teaser-type-53 .content .tab-list .tab:hover, .sf-com-teaser-type-53 .content .tab-list .tab:focus, .sf-com-teaser-type-53 .content .tab-list .tab:active {
  text-decoration: none;
}

.sf-com-teaser-type-53 .content .tab-list .tab.active .icon, .sf-com-teaser-type-53 .content .tab-list .tab:hover .icon, .sf-com-teaser-type-53 .content .tab-list .tab:focus .icon, .sf-com-teaser-type-53 .content .tab-list .tab:active .icon {
  background-color: #003466;
}

.sf-com-teaser-type-53 .content .tab-list .tab.active .title, .sf-com-teaser-type-53 .content .tab-list .tab:hover .title, .sf-com-teaser-type-53 .content .tab-list .tab:focus .title, .sf-com-teaser-type-53 .content .tab-list .tab:active .title {
  color: #003466;
}

.sf-com-teaser-type-53 .content .tab-content .content-list {
  position: relative;
  overflow: hidden;
}

.sf-com-teaser-type-53 .content .tab-content .content-list .list-item {
  display: none;
}

.sf-com-teaser-type-53 .content .tab-content .content-list .list-item.active {
  display: block;
}

.sf-com-teaser-type-53.type-2 {
  color: #FFFFFF;
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab .icon {
  background-color: transparent;
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab .icon img {
  filter: brightness(0) invert(1);
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab .title {
  color: #FFFFFF;
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab:hover .icon, .sf-com-teaser-type-53.type-2 .content .tab-list .tab:focus .icon, .sf-com-teaser-type-53.type-2 .content .tab-list .tab:active .icon {
  background-color: #003466;
}

.sf-com-teaser-type-53.type-2 .content .tab-list .tab:hover .title, .sf-com-teaser-type-53.type-2 .content .tab-list .tab:focus .title, .sf-com-teaser-type-53.type-2 .content .tab-list .tab:active .title {
  color: #003466;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-53 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-53 .content .tab-list .tab .icon {
    height: 100px;
    width: 100px;
  }
  .sf-com-teaser-type-53 .content .tab-list .tab .icon img {
    max-width: 55px;
    max-height: 55px;
  }
  .sf-com-teaser-type-53 .content .tab-list .tab .title {
    font-size: 22px;
    margin-top: 10px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-54 {
  padding: 90px 0;
}

.sf-com-teaser-type-54 .sf-com-poster-wall .content .poster {
  min-height: 200px;
  min-width: 320px;
  width: 24.5%;
}

.sf-com-teaser-type-54 .sf-com-poster-wall .content .poster .detail {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.sf-com-teaser-type-54 .sf-com-poster-wall .content .poster.ps-h2 {
  height: 43vh;
}

.sf-com-teaser-type-54 .sf-com-poster-wall .content .poster.ps-w-1-2 {
  width: 49.6%;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-54 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-54 .sf-com-poster-wall .content {
    padding: 0;
  }
  .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster {
    display: flex;
    min-height: 180px;
    min-width: 165px;
    width: 49.2%;
  }
  .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster .title {
    font-size: 16px;
    line-height: 20px;
  }
  .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster .detail {
    font-size: 14px;
    line-height: 18px;
    height: 2.5em;
    padding: 0 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster.ps-h2 {
    height: 180px;
  }
  .sf-com-teaser-type-54 .sf-com-poster-wall .content .poster.ps-w-1-2 {
    min-width: 320px;
    width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-55 {
  padding: 90px 0;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-icon {
  width: 25%;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-icon img {
  width: auto;
  height: auto;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-content {
  align-items: unset;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-content .card-body .email {
  padding-left: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 .content .card-content .card-body .phone {
  color: #6dad19;
  padding-left: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first {
  height: 100%;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content {
  height: 100%;
  flex-wrap: nowrap;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content .card-icon {
  width: 45%;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content .card-icon img {
  width: 90%;
  max-width: 258px;
  height: auto;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 1;
  width: 100%;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2.first .content .card-content .card-heading .title {
  font-size: 22px;
  margin-bottom: 10px;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2:hover .content .card-content .card-body .phone, .sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2:focus .content .card-content .card-body .phone, .sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2:active .content .card-content .card-body .phone {
  color: #ffffff;
}

.sf-com-teaser-type-55 .content .teaser-list .sf-com-card-guide-link.type-2 + .type-2 {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-55 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-icon {
    width: 25%;
    display: flex;
    padding: 0;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-icon img {
    width: auto;
    height: auto;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-content {
    align-items: unset;
    width: 74%;
    padding: 20px 10px;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-content .card-heading {
    padding-bottom: 5px;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-content .card-body .email {
    font-size: 18px;
    line-height: 24px;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2 .content .card-content .card-body .phone {
    font-size: 18px;
    line-height: 24px;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first {
    height: auto;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content {
    height: 100%;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content .card-icon {
    width: 45%;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content .card-icon img {
    padding: 5% 0;
    width: 80%;
    max-width: 258px;
    height: auto;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content .card-content {
    width: 54%;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2.first .content .card-content .card-heading .title {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.5;
  }
  .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2:hover .content .card-content .card-body .phone, .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2:focus .content .card-content .card-body .phone, .sf-com-teaser-type-55 .content .teaser-list .row .col-md-6 .sf-com-card-guide-link.type-2:active .content .card-content .card-body .phone {
    color: #ffffff;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-58 {
  padding: 90px 0;
}

.sf-com-teaser-type-58 .content .sf-title-block {
  margin-bottom: 60px;
}

.sf-com-teaser-type-58 .content .row .col-md-3 {
  padding-right: 0px;
  padding-left: 0px;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar {
  text-align: center;
  position: relative;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress {
  position: absolute;
  top: 25%;
  width: 17%;
  height: 2px;
  background: url(/Assets/images/detail-icons/dashed.png);
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress.left {
  left: 0;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress.right {
  right: 0;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail .flow-number {
  color: #DEDEDE;
  font-size: 88px;
  font-weight: 600;
}

.sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail .flow-detail {
  color: #1d4a75;
  font-size: 22px;
  font-weight: 200;
  position: relative;
  top: -85px;
}

.sf-com-teaser-type-58 .content .row .col-md-3:first-child .progess-bar .progress.left {
  display: none;
}

.sf-com-teaser-type-58 .content .row .col-md-3:last-child .progess-bar .progress.right {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-58 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-58 .content .sf-title-block {
    margin-bottom: 20px;
  }
  .sf-com-teaser-type-58 .content .sf-title-block .sub-title {
    font-weight: 400;
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar {
    height: 120px;
    text-align: left;
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress {
    position: absolute;
    top: 70%;
    width: 2px;
    height: 30%;
    background: url(/Assets/images/page-partner/dash-v.png);
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress.left {
    display: none;
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .progress.right {
    right: unset;
    left: 42px;
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .ball {
    display: inline-block;
    width: 84px;
    text-align: left;
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .ball img {
    width: 100%;
    height: 100%;
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail {
    display: inline-block;
    vertical-align: top;
    padding: 8px 20px;
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail .flow-number {
    font-size: 38px;
    display: block;
    line-height: 42px;
  }
  .sf-com-teaser-type-58 .content .row .col-md-3 .progess-bar .detail .flow-detail {
    font-size: 20px;
    font-weight: 200;
    position: unset;
    top: unset;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-60 {
  padding: 90px 0;
}

.sf-com-teaser-type-60 .be-partner {
  padding: 0 20px;
}

.sf-com-teaser-type-60 .be-partner .sf-title-block {
  margin: 35px 0;
}

.sf-com-teaser-type-60 .be-partner .sf-title-block .title {
  text-align: left;
}

.sf-com-teaser-type-60 .be-partner .be-partner-content .intro {
  font-size: 16px;
  font-weight: 200;
  line-height: 1.6;
}

.sf-com-teaser-type-60 .be-partner .links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  text-align: right;
  margin: 40px 0;
}

.sf-com-teaser-type-60 .be-partner .links .link {
  color: #669acc;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-weight: 200;
  text-align: right;
  text-decoration: none;
}

.sf-com-teaser-type-60 .be-partner .links .link .icon {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  color: #669acc;
  display: block;
  font-size: 1.6em;
  height: 50px;
  margin-left: 0.5em;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border: 2px solid #669acc;
  transition: all linear 0.3s;
}

.sf-com-teaser-type-60 .be-partner .links .link:hover, .sf-com-teaser-type-60 .be-partner .links .link:active {
  color: #6DAD19;
}

.sf-com-teaser-type-60 .be-partner .links .link:hover .icon, .sf-com-teaser-type-60 .be-partner .links .link:active .icon {
  background-color: #6DAD19;
  color: #FFFFFF;
  border: 2px solid #6DAD19;
  transition: all linear 0.3s;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-60 {
    padding: 20px;
  }
  .sf-com-teaser-type-60 .be-partner {
    padding: 0;
  }
  .sf-com-teaser-type-60 .be-partner .sf-title-block {
    margin: 20px 0 10px;
  }
  .sf-com-teaser-type-60 .be-partner .sf-title-block .title {
    text-align: center;
  }
  .sf-com-teaser-type-60 .be-partner .be-partner-content .intro {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .sf-com-teaser-type-60 .be-partner .links {
    margin: 0 0 20px 0;
  }
  .sf-com-teaser-type-60 .be-partner .links .link .icon {
    font-size: 1em;
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
  .sf-com-teaser-type-60 .sf-com-teaser-type-43.small-content .content {
    max-width: 330px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-61 .content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  z-index: 10;
}

.sf-com-teaser-type-61 .left-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene {
  max-width: 400px;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .sf-title-block {
  margin-bottom: 10px;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .sf-title-block .title {
  text-align: left;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .intro {
  font-weight: 200;
  font-size: 1em;
  margin-bottom: 40px;
  position: relative;
  z-index: 10;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card {
  color: #454545;
  font-size: 22px;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card .fold-links-list .fold-links-list-content .list-item {
  border-bottom: 2px solid #EAF1FD;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card .scene-card-image.mobile-show {
  display: none;
}

.sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card::after {
  width: 100%;
  background-color: #6899cc;
  height: 3px;
}

.sf-com-teaser-type-61 .right-content {
  height: 100%;
  width: 100%;
  position: relative;
}

.sf-com-teaser-type-61 .right-content::before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 40%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #e9f0fc, rgba(233, 240, 252, 0));
  background: -o-linear-gradient(to right, #e9f0fc, rgba(233, 240, 252, 0));
  background: -moz-linear-gradient(to right, #e9f0fc, rgba(233, 240, 252, 0));
  background: linear-gradient(to right, #e9f0fc, rgba(233, 240, 252, 0));
}

.sf-com-teaser-type-61.type-2 .content {
  justify-content: flex-end;
}

.sf-com-teaser-type-61.type-2 .left-content {
  justify-content: flex-end;
}

.sf-com-teaser-type-61.type-2 .left-content .sf-com-teaser-by-scene .sf-title-block .title {
  text-align: right;
}

.sf-com-teaser-type-61.type-2 .left-content .sf-com-teaser-by-scene .intro {
  text-align: right;
}

.sf-com-teaser-type-61.type-2 .right-content::before {
  left: unset;
  right: 0;
  background: -webkit-linear-gradient(to left, #eef1f6, rgba(238, 241, 246, 0));
  background: -o-linear-gradient(to left, #eef1f6, rgba(238, 241, 246, 0));
  background: -moz-linear-gradient(to left, #eef1f6, rgba(238, 241, 246, 0));
  background: linear-gradient(to left, #eef1f6, rgba(238, 241, 246, 0));
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-61 .content .row {
    margin-right: 0;
    margin-left: 0;
  }
  .sf-com-teaser-type-61 .content .row .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-teaser-type-61 .content .row .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-teaser-type-61 .left-content {
    width: 100%;
  }
  .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene {
    padding: 40px 20px;
    width: 100%;
  }
  .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .sf-title-block {
    margin-bottom: 10px;
  }
  .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .sf-title-block .title {
    text-align: center;
  }
  .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .intro {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
  }
  .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card {
    font-size: 14px;
    width: 100%;
    min-width: 100%;
  }
  .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card .scene-card-image.mobile-show {
    display: block;
  }
  .sf-com-teaser-type-61 .left-content .sf-com-teaser-by-scene .by-scene-card::after {
    width: 0;
  }
  .sf-com-teaser-type-61 .right-content {
    display: none;
  }
  .sf-com-teaser-type-61.type-2 .left-content .sf-com-teaser-by-scene .sf-title-block .title {
    text-align: center;
  }
  .sf-com-teaser-type-61.type-2 .left-content .sf-com-teaser-by-scene .intro {
    text-align: center;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-65 {
  padding: 90px 0;
}

.sf-com-teaser-type-65 .be-partner {
  padding: 0 20px;
}

.sf-com-teaser-type-65 .be-partner .sf-title-block {
  margin: 35px 0;
}

.sf-com-teaser-type-65 .be-partner .sf-title-block .title {
  text-align: left;
}

.sf-com-teaser-type-65 .be-partner .be-partner-content .intro {
  font-size: 16px;
  font-weight: 200;
  line-height: 1.6;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-65 {
    padding: 20px;
  }
  .sf-com-teaser-type-65 .be-partner {
    padding: 0;
  }
  .sf-com-teaser-type-65 .be-partner .sf-title-block {
    margin: 20px 0 10px;
  }
  .sf-com-teaser-type-65 .be-partner .sf-title-block .title {
    text-align: center;
  }
  .sf-com-teaser-type-65 .be-partner .be-partner-content .intro {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .sf-com-teaser-type-65 .sf-com-product-card .card-body {
    margin-bottom: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-66 {
  padding: 90px 0;
}

.sf-com-teaser-type-66 .sf-com-teaser-type-43-a {
  padding: 0;
}

.sf-com-teaser-type-66 .content {
  z-index: 10;
  position: relative;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs {
  padding: 30px 0;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .tab-tabs .tab .link {
  padding: 25px 15px;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box {
  margin: 0 100px;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-heading .sub-title {
  font-size: 1.2em;
  font-weight: 200;
  display: inline-block;
  margin: 1em 0 1.5em 0;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi {
  font-size: 18px;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .nav-list {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .nav-list .list-item {
  background-color: #f5f9ff;
  border: 1px solid #b4cee6;
  border-bottom: none;
  align-items: center;
  width: 100%;
  transition: all linear 0.3s;
  padding: 18px 20px;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 {
  width: 100%;
  cursor: pointer;
  background-color: #e4e6ee;
  display: inline-block;
  font-size: 16px;
  height: 3.8em;
  line-height: 3.8em;
  text-align: center;
  position: relative;
  z-index: 0;
  text-decoration: none;
  color: #7099c0;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 span {
  color: #003466;
  display: block;
  font-weight: 200;
  text-transform: uppercase;
  transition: color 0.3s ease;
  text-decoration: none;
  position: relative;
  z-index: 1;
  width: 40%;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 em {
  position: absolute;
  height: 1px;
  background: #669ACC;
  width: 55%;
  right: 5%;
  top: 50%;
  transition: all 0.3s ease;
  z-index: 1;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:before, .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:after {
  content: '';
  background: #003466;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:before {
  top: 0;
  left: 0;
  right: auto;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:after {
  bottom: 0;
  right: 0;
  left: auto;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover {
  text-decoration: none;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover:before {
  width: 100%;
  right: 0;
  left: auto;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover span {
  color: #FFFFFF;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover em {
  background: #FFFFFF;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .tcc-image {
  margin-top: 1em;
  width: 100%;
  height: 100%;
}

.sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .tcc-image.mobile-show {
  height: 180px;
  width: 100%;
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-66 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs {
    padding: 0 0 20px 0;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .tab-tabs {
    flex-direction: row;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box {
    margin: 0;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-heading .sub-title {
    font-size: 0.8em;
    line-height: 1.6;
    margin: 20px 0;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi {
    font-size: 16px;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .nav-list .list-item {
    padding: 12px 18px;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 {
    width: 100%;
    cursor: pointer;
    background-color: #e4e6ee;
    display: inline-block;
    font-size: 16px;
    height: 3.8em;
    line-height: 3.8em;
    text-align: center;
    position: relative;
    z-index: 0;
    text-decoration: none;
    color: #7099c0;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 span {
    color: #003466;
    display: block;
    font-weight: 200;
    text-transform: uppercase;
    transition: color 0.3s ease;
    text-decoration: none;
    position: relative;
    z-index: 1;
    width: 40%;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2 em {
    position: absolute;
    height: 1px;
    background: #669ACC;
    width: 55%;
    right: 5%;
    top: 50%;
    transition: all 0.3s ease;
    z-index: 1;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:before, .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:after {
    content: '';
    background: #003466;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:before {
    top: 0;
    left: 0;
    right: auto;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:after {
    bottom: 0;
    right: 0;
    left: auto;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover {
    text-decoration: none;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover:before {
    width: 100%;
    right: 0;
    left: auto;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover:after {
    width: 100%;
    left: 0;
    right: auto;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover span {
    color: #FFFFFF;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .com-box .com-navi .sf-cross-btn-2:hover em {
    background: #FFFFFF;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .tcc-image.pc-show {
    display: none;
  }
  .sf-com-teaser-type-66 .content .sf-com-slick-tabs .technology-certification-container .tcc-image.mobile-show {
    margin-top: 0;
    display: block;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-68 {
  padding: 90px 0;
}

.sf-com-teaser-type-68.type-2 .sf-title-block {
  margin-top: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-68 {
    padding: 40px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-75 {
  padding: 90px 0;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 {
  padding: 0;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list {
  padding-bottom: 30px;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab {
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab .icon img {
  opacity: 1;
  transition: all linear 0.5s;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab .title {
  opacity: 0;
  margin: 0;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab.active .icon img, .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:hover .icon img, .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:focus .icon img, .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:active .icon img {
  opacity: 0;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab.active .title, .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:hover .title, .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:focus .title, .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab:active .title {
  color: #FFFFFF;
  opacity: 1;
  top: 50%;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  text-align: center;
  width: 100%;
}

.sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab.active::after {
  content: " ";
  display: block;
  border: 1em solid #003466;
  border-top-width: 1.5em;
  border-bottom-width: 0;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  bottom: -1em;
  left: 50%;
  margin-left: -1em;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-75 {
    padding: 40px 20px;
  }
  .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab.active::after {
    display: none;
  }
  .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab .icon {
    height: 80px;
    width: 80px;
  }
  .sf-com-teaser-type-75 .content .sf-com-teaser-type-53 .content .tab-list .tab .icon img {
    max-width: 40px;
    max-height: 40px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-80 {
  color: #FFFFFF;
  margin-bottom: 200px;
  padding: 90px 0 260px 0;
}

.sf-com-teaser-type-80 .content {
  position: relative;
  z-index: 10;
}

.sf-com-teaser-type-80 .content .sf-title-block {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.sf-com-teaser-type-80 .content .dashboard-wrapper {
  margin-top: 60px;
  position: relative;
  overflow: visible;
  z-index: 10;
}

.sf-com-teaser-type-80 .content .dashboard-wrapper .sf-com-dashboard-data {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-80 .content .dashboard-wrapper {
    margin: 0 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-81 {
  padding: 90px 0;
}

.sf-com-teaser-type-81 .content .cube-list {
  background-color: #FFFFFF;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
  color: #669ACC;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  z-index: 30;
}

.sf-com-teaser-type-81 .content .cube-list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  flex-shrink: 0;
  padding: 60px 20px;
  text-align: center;
}

.sf-com-teaser-type-81 .content .cube-list .list-item:first-child {
  border-right: 1px solid #edf0f5;
  border-bottom: 1px solid #edf0f5;
}

.sf-com-teaser-type-81 .content .cube-list .list-item:last-child {
  border-top: 1px solid #edf0f5;
  border-left: 1px solid #edf0f5;
  margin-left: -1px;
  margin-top: -1px;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40%;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .icon img {
  display: block;
  max-height: 90px;
  margin: 0 auto;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .titles {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  text-align: left;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .title {
  font-family: sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.7em;
}

.sf-com-teaser-type-81 .content .cube-list .list-item .sub-title {
  font-size: 16px;
  font-weight: 200;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-type-81 {
    padding: 40px 0;
  }
  .sf-com-teaser-type-81 .content .cube-list .list-item {
    border-bottom: 1px solid #edf0f5;
    width: 100%;
    padding: 40px 20px;
  }
  .sf-com-teaser-type-81 .content .cube-list .list-item:first-child {
    border-right: none;
  }
  .sf-com-teaser-type-81 .content .cube-list .list-item:last-child {
    border-bottom: none;
    border-left: none;
  }
  .sf-com-teaser-type-81 .content .cube-list .list-item .icon img {
    max-height: 60px;
  }
  .sf-com-teaser-type-81 .content .cube-list .list-item .title {
    font-size: 18px;
  }
  .sf-com-teaser-type-81 .content .cube-list .list-item .sub-title {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-type-84 {
  padding: 0 0 0 0;
  position: relative;
  z-index: 30;
}

.sf-com-teaser-type-84 .content {
  position: relative;
  z-index: 10;
}

.sf-com-teaser-type-84 .content .sf-com-card-article {
  bottom: -100px;
  position: relative;
  z-index: 30;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-link-group {
  background-color: #FAFAFA;
  margin-bottom: 20px;
  transition: all linear 0.3s;
}

.sf-com-card-link-group .content .card-heading {
  padding: 20px 15px 0 30%;
}

.sf-com-card-link-group .content .card-heading .title {
  font-size: 24px;
  font-weight: 200;
}

.sf-com-card-link-group .content .card-body {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.sf-com-card-link-group .content .card-body .card-icon {
  padding: 0 20px 20px 20px;
  width: 30%;
}

.sf-com-card-link-group .content .card-body .card-icon img {
  display: block;
  max-width: 100%;
}

.sf-com-card-link-group .content .card-body .links {
  font-weight: 200;
  margin-bottom: 10px;
  padding-right: 20%;
  width: 70%;
}

.sf-com-card-link-group .content .card-body .links .link {
  color: #454545;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
  height: 3em;
  overflow: hidden;
  position: relative;
  transition: all linear 0.3s;
}

.sf-com-card-link-group .content .card-body .links .link .icon {
  background-color: #6DAD19;
  color: #FFFFFF;
  border-radius: 50%;
  display: block;
  height: 2em;
  width: 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: absolute;
  right: -4em;
  top: 50%;
  margin-top: -1em;
  transition: all linear 0.3s;
}

.sf-com-card-link-group .content .card-body .links .link:last-child {
  border-bottom: none;
}

.sf-com-card-link-group .content .card-body .links .link:hover, .sf-com-card-link-group .content .card-body .links .link:focus, .sf-com-card-link-group .content .card-body .links .link:active {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-card-link-group .content .card-body .links .link:hover .icon, .sf-com-card-link-group .content .card-body .links .link:focus .icon, .sf-com-card-link-group .content .card-body .links .link:active .icon {
  right: 0;
}

.sf-com-card-link-group .content .card-body .links .link:nth-of-type(4) {
  border-bottom-width: 0;
}

.sf-com-card-link-group .content .card-body .links .link:nth-of-type(n + 5) {
  border-bottom-width: 0;
  height: 0;
  opacity: 0;
}

.sf-com-card-link-group .content .card-body .links.active .link:nth-of-type(4) {
  border-bottom-width: 1px;
}

.sf-com-card-link-group .content .card-body .links.active .link:nth-of-type(n + 5) {
  border-bottom-width: 1px;
  height: 3em;
  opacity: 1;
}

.sf-com-card-link-group .card-footer {
  background-color: #c7d0db;
  height: 1.5em;
}

.sf-com-card-link-group .card-footer .expand {
  color: #FFFFFF;
  display: block;
  height: 1.5em;
  font-weight: 600;
  text-align: center;
}

.sf-com-card-link-group .card-footer .expand:hover, .sf-com-card-link-group .card-footer .expand:focus, .sf-com-card-link-group .card-footer .expand:active {
  text-decoration: none;
}

.sf-com-card-link-group:hover, .sf-com-card-link-group:focus, .sf-com-card-link-group:active {
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
}

.sf-com-card-link-group.type-2 {
  position: relative;
}

.sf-com-card-link-group.type-2 .content .card-body .links .link p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sf-com-card-link-group.type-2 .card-footer {
  height: unset;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2 {
  width: 100%;
  cursor: pointer;
  background-color: #e4e6ee;
  display: inline-block;
  font-size: 16px;
  height: 3.8em;
  line-height: 3.8em;
  text-align: center;
  position: relative;
  z-index: 0;
  text-decoration: none;
  color: #7099c0;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2 span {
  color: #003466;
  display: block;
  font-weight: 200;
  text-transform: uppercase;
  transition: color 0.3s ease;
  text-decoration: none;
  position: relative;
  z-index: 1;
  width: 40%;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2 em {
  position: absolute;
  height: 1px;
  background: #669ACC;
  width: 55%;
  right: 5%;
  top: 50%;
  transition: all 0.3s ease;
  z-index: 1;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:before, .sf-com-card-link-group.type-2 .sf-cross-btn-2:after {
  content: '';
  background: #003466;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:before {
  top: 0;
  left: 0;
  right: auto;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:after {
  bottom: 0;
  right: 0;
  left: auto;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover {
  text-decoration: none;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover:before {
  width: 100%;
  right: 0;
  left: auto;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover span {
  color: #FFFFFF;
}

.sf-com-card-link-group.type-2 .sf-cross-btn-2:hover em {
  background: #FFFFFF;
}

.sf-com-card-link-group.type-2::after {
  content: " ";
  display: block;
  position: absolute;
  height: 6px;
  width: 0;
  background-color: #F4FF81;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -3px;
  transition: all ease-out 0.15s;
}

.sf-com-card-link-group.type-2:hover, .sf-com-card-link-group.type-2:focus, .sf-com-card-link-group.type-2:active {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

.sf-com-card-link-group.type-2:hover::after, .sf-com-card-link-group.type-2:focus::after, .sf-com-card-link-group.type-2:active::after {
  background-color: #6DAD19;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-link-group .content .card-heading {
    padding-left: 35%;
  }
  .sf-com-card-link-group .content .card-heading .title {
    font-size: 16px;
    font-weight: 400;
  }
  .sf-com-card-link-group .content .card-body {
    font-size: 14px;
  }
  .sf-com-card-link-group .content .card-body .card-icon {
    width: 35%;
  }
  .sf-com-card-link-group .content .card-body .links {
    padding-right: 20px;
    width: 65%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-info-link {
  display: block;
  margin-bottom: 20px;
  position: relative;
  padding-top: 20px;
}

.sf-com-card-info-link::after {
  content: " ";
  display: block;
  position: absolute;
  height: 10px;
  width: 0;
  background-color: #F4FF81;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -5px;
  transition: all ease-out 0.15s;
}

.sf-com-card-info-link .content {
  background-color: #000000;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.sf-com-card-info-link .content::after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  transition: all linear 0.3s;
}

.sf-com-card-info-link .content .sf-com-motional-image {
  transition: opacity linear 0.3s;
}

.sf-com-card-info-link .content .intro {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100%);
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 40px 30px 30px 30px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.sf-com-card-info-link .content .intro .sub {
  font-size: 16px;
  font-weight: 200;
  margin: 0 0 5px 0;
}

.sf-com-card-info-link .content .intro .main {
  font-size: 18px;
  font-weight: 200;
  margin: 0;
}

.sf-com-card-info-link .content .intro .sf-go-button {
  font-size: 18px;
}

.sf-com-card-info-link .content .intro .sf-go-button .icon {
  width: 3.2em;
  height: 3.2em;
}

.sf-com-card-info-link:hover::after, .sf-com-card-info-link:focus::after, .sf-com-card-info-link:active::after {
  background-color: #6DAD19;
  width: 100%;
}

.sf-com-card-info-link:hover .content::after, .sf-com-card-info-link:focus .content::after, .sf-com-card-info-link:active .content::after {
  top: 0;
}

.sf-com-card-info-link:hover .content .sf-com-motional-image, .sf-com-card-info-link:focus .content .sf-com-motional-image, .sf-com-card-info-link:active .content .sf-com-motional-image {
  opacity: 0.8;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-info-link {
    margin-bottom: 10px;
    padding-top: 0;
  }
  .sf-com-card-info-link::after {
    display: none;
  }
  .sf-com-card-info-link .content {
    height: 200px;
  }
  .sf-com-card-info-link .content .intro {
    color: #FFFFFF;
    padding: 40px 20px 20px 20px;
  }
  .sf-com-card-info-link .content .intro .title {
    color: #FFFFFF;
  }
  .sf-com-card-info-link .content .intro .title .sub {
    font-size: 14px;
  }
  .sf-com-card-info-link .content .intro .title .main {
    font-size: 16px;
    color: #FFFFFF;
  }
  .sf-com-card-info-link .content .intro .sf-go-button {
    font-size: 14px;
  }
  .sf-com-card-info-link .content .intro .sf-go-button .icon {
    height: 2.8em;
    width: 2.8em;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-image-article .content .article-image {
  height: 100%;
}

.sf-com-image-article .content .article-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.sf-com-image-article .content .article-image .sf-com-motional-image img {
  display: none;
}

.sf-com-image-article .content .article-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 70px;
  max-width: 90%;
  min-height: 500px;
}

.sf-com-image-article .content .article-content .title {
  font-size: 36px;
  font-weight: 400;
  margin: 0 0 1em 0;
}

.sf-com-image-article .content .article-content .intro {
  font-weight: 200;
  line-height: 1.8;
  max-width: 100%;
}

.sf-com-image-article .content .article-content .intro p {
  margin: 0 0 1em 0;
}

.sf-com-image-article .content .article-content .intro-links {
  width: 100%;
  padding: 15px 0 30px 0;
}

.sf-com-image-article .content .article-content .intro-links a {
  z-index: 5;
}

.sf-com-image-article .content .article-content .intro-links a:hover, .sf-com-image-article .content .article-content .intro-links a:focus, .sf-com-image-article .content .article-content .intro-links a:active {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.sf-com-image-article.type-2 .content .article-content .intro {
  border-top: 4px solid #6DAD19;
  padding-top: 40px;
}

@media screen and (max-width: 1024px) {
  .sf-com-image-article .content .article-image {
    min-height: 250px;
  }
  .sf-com-image-article .content .article-content {
    background-color: rgba(255, 255, 255, 0.85);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 30px;
    max-width: 100%;
    min-height: 0;
  }
  .sf-com-image-article .content .article-content .title {
    font-size: 22px;
    font-weight: 200;
    text-align: center;
    margin-bottom: 0.5em;
  }
  .sf-com-image-article .content .article-content .intro {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-block-wrapper {
  padding: 90px 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-block-wrapper {
    padding: 40px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-image-link {
  display: block;
  margin-bottom: 30px;
}

.sf-com-card-image-link .content {
  height: 400px;
  overflow: hidden;
  position: relative;
}

.sf-com-card-image-link .content .sf-com-motional-image {
  z-index: 0;
}

.sf-com-card-image-link .content .sf-com-motional-image::before {
  background-color: rgba(0, 0, 0, 0);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0) 60%);
}

.sf-com-card-image-link .content .card-heading {
  color: #FFFFFF;
  padding: 40px 30px;
  position: relative;
  z-index: 10;
}

.sf-com-card-image-link .content .card-heading .title {
  font-size: 24px;
  font-weight: 200;
  margin: 0;
}

.sf-com-card-image-link .content .card-body {
  position: relative;
  z-index: 10;
}

.sf-com-card-image-link .content .card-footer {
  font-weight: 200;
  padding: 1em;
  position: absolute;
  bottom: -5em;
  width: 100%;
  left: 0;
  background-color: transparent;
  color: #FFFFFF;
  transition: all ease-out 0.3s;
  z-index: 10;
}

.sf-com-card-image-link:hover, .sf-com-card-image-link:focus, .sf-com-card-image-link:active {
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.sf-com-card-image-link:hover .sf-com-motional-image::before, .sf-com-card-image-link:focus .sf-com-motional-image::before, .sf-com-card-image-link:active .sf-com-motional-image::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%);
}

.sf-com-card-image-link:hover .card-footer, .sf-com-card-image-link:focus .card-footer, .sf-com-card-image-link:active .card-footer {
  bottom: 0;
  background-color: rgba(109, 173, 25, 0.7);
}

.sf-com-card-image-link.type-2 .content {
  height: 320px;
}

.sf-com-card-image-link.type-2 .content .card-heading .title {
  font-size: 18px;
}

.sf-com-card-image-link.type-2 .content .card-body {
  padding: 40px 0;
}

.sf-com-card-image-link.type-2 .content .card-body .logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.sf-com-card-image-link.type-2 .content .card-body .logo img {
  height: 60px;
  max-width: 100%;
}

.sf-com-card-image-link.type-3 .content .sf-com-motional-image {
  z-index: 0;
}

.sf-com-card-image-link.type-3 .content .sf-com-motional-image::before {
  background-color: transparent;
  background: transparent;
}

.sf-com-card-image-link.type-3 .content .card-heading {
  position: absolute;
  bottom: 0;
  padding: 20px;
  background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 100%);
  font-weight: 200;
  transition: all ease-out 0.3s;
  width: 100%;
}

.sf-com-card-image-link.type-3 .content .card-heading .title {
  text-align: center;
  font-size: 22px;
  margin-bottom: 5px;
}

.sf-com-card-image-link.type-3 .content .card-heading .sub-title {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}

.sf-com-card-image-link.type-3 .content .card-footer {
  padding: 0.8em 20px;
}

.sf-com-card-image-link.type-3 .content .card-footer .icon {
  right: 20px;
  position: absolute;
}

.sf-com-card-image-link.type-3:hover .card-heading, .sf-com-card-image-link.type-3:focus .card-heading, .sf-com-card-image-link.type-3:active .card-heading {
  bottom: 48px;
  transition: all ease-out 0.3s;
}

.sf-com-card-image-link.type-3:hover .card-footer, .sf-com-card-image-link.type-3:focus .card-footer, .sf-com-card-image-link.type-3:active .card-footer {
  bottom: 0;
  background-color: #669acc;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-image-link {
    margin-bottom: 15px;
  }
  .sf-com-card-image-link .content {
    height: 280px;
  }
  .sf-com-card-image-link .content .card-heading {
    padding: 30px 20px;
  }
  .sf-com-card-image-link .content .card-heading .title {
    font-size: 20px;
  }
  .sf-com-card-image-link .content .card-footer {
    font-size: 14px;
  }
  .sf-com-card-image-link.type-2 .content {
    height: 260px;
  }
  .sf-com-card-image-link.type-3 .content {
    height: 400px;
  }
  .sf-com-card-image-link.type-3 .content .card-heading {
    bottom: 48px;
  }
  .sf-com-card-image-link.type-3 .content .card-footer {
    padding: 1em 20px;
    bottom: 0;
    background-color: #669acc;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-guide-link {
  display: block;
  color: #454545;
  margin-bottom: 15px;
  text-decoration: none;
}

.sf-com-card-guide-link .content {
  background-color: #f7f8fb;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  transition: all linear 0.3s;
  position: relative;
}

.sf-com-card-guide-link .content .sf-com-motional-image {
  height: auto;
  width: 25%;
  flex-shrink: 0;
}

.sf-com-card-guide-link .content .card-icon {
  flex-shrink: 0;
}

.sf-com-card-guide-link .content .card-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-shrink: 1;
  padding: 20px;
}

.sf-com-card-guide-link .content .card-content .card-heading {
  width: 100%;
}

.sf-com-card-guide-link .content .card-content .card-heading .title {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
}

.sf-com-card-guide-link .content .card-content .card-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-shrink: 1;
  width: 100%;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.7;
  margin-top: 5px;
  height: 3.4em;
  overflow: hidden;
}

.sf-com-card-guide-link .content .card-content .card-body p {
  margin: 0;
}

.sf-com-card-guide-link .content .card-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sf-com-card-guide-link .content .card-link .sf-go-button {
  font-size: 14px;
  padding-right: 20px;
}

.sf-com-card-guide-link .content .card-link .sf-go-button .icon {
  border-color: #669ACC;
  color: #669ACC;
  margin: 0;
}

.sf-com-card-guide-link:hover, .sf-com-card-guide-link:focus, .sf-com-card-guide-link:active {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

.sf-com-card-guide-link:hover .content, .sf-com-card-guide-link:focus .content, .sf-com-card-guide-link:active .content {
  background-color: #003466;
  color: #FFFFFF;
}

.sf-com-card-guide-link:hover .content .sf-go-button .icon, .sf-com-card-guide-link:focus .content .sf-go-button .icon, .sf-com-card-guide-link:active .content .sf-go-button .icon {
  background-color: #6DAD19;
  border-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-card-guide-link.type-2 {
  z-index: 2;
}

.sf-com-card-guide-link.type-2 .content {
  z-index: 2;
}

.sf-com-card-guide-link.type-2 .content .card-icon {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sf-com-card-guide-link.type-2 .content .card-icon img {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

.sf-com-card-guide-link.type-2 .content .card-content .card-heading .title {
  margin-top: 22px;
  line-height: 26px;
}

.sf-com-card-guide-link.type-2 .content .card-content .card-heading .sub-title {
  margin-top: 5px;
  margin-bottom: 20px;
  line-height: 26px;
  font-size: 17px;
  font-weight: 400;
}

.sf-com-card-guide-link.type-2 .content .card-body {
  font-size: 18px;
}

.sf-com-card-guide-link.type-2 .content .card-body .email {
  text-decoration: none;
  padding-left: 10px;
  color: #6dad19;
}

.sf-com-card-guide-link.type-2 .content .card-body .email.active {
  text-decoration: underline;
}

.sf-com-card-guide-link.type-2 .content .card-body .extra {
  font-size: 12px;
}

.sf-com-card-guide-link.type-2 .content .card-body .extra p {
  margin: 0;
}

.sf-com-card-guide-link.type-2 .content .card-link {
  text-align: right;
  right: 0;
  position: absolute;
  bottom: 15px;
}

.sf-com-card-guide-link.type-2 .content .card-link a {
  text-decoration: none;
}

.sf-com-card-guide-link.type-2:hover .content .card-body .email, .sf-com-card-guide-link.type-2:focus .content .card-body .email, .sf-com-card-guide-link.type-2:active .content .card-body .email {
  color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-guide-link .content {
    flex-wrap: wrap;
  }
  .sf-com-card-guide-link .content .sf-com-motional-image {
    height: 260px;
    width: 100%;
  }
  .sf-com-card-guide-link .content .card-content {
    padding: 10px;
    width: 80%;
  }
  .sf-com-card-guide-link .content .card-content .card-heading .title {
    font-size: 14px;
  }
  .sf-com-card-guide-link .content .card-content .card-body {
    height: 1.7em;
  }
  .sf-com-card-guide-link .content .card-link {
    width: 20%;
  }
  .sf-com-card-guide-link .content .card-link .sf-go-button {
    font-size: 14px;
    padding-right: 10px;
  }
  .sf-com-card-guide-link.type-2 .content {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  }
  .sf-com-card-guide-link.type-2 .content .card-icon {
    display: block;
    padding: 20px 20px 0;
    width: 100%;
  }
  .sf-com-card-guide-link.type-2 .content .card-icon img {
    width: 70px;
    height: 70px;
  }
  .sf-com-card-guide-link.type-2 .content .card-content {
    padding: 12px 20px 20px;
  }
  .sf-com-card-guide-link.type-2 .content .card-content .card-heading {
    padding-bottom: 10px;
  }
  .sf-com-card-guide-link.type-2 .content .card-content .card-heading .title {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
  }
  .sf-com-card-guide-link.type-2 .content .card-content .card-heading .sub-title {
    font-size: 14px;
  }
  .sf-com-card-guide-link.type-2 .content .card-body {
    font-size: 14px;
    height: unset;
    margin-top: 0px;
  }
  .sf-com-card-guide-link.type-2 .content .card-body .email {
    padding-left: 0px;
  }
  .sf-com-card-guide-link.type-2 .content .card-link {
    position: relative;
    bottom: unset;
  }
  .sf-com-card-guide-link.type-2 .content .card-link a {
    text-decoration: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-basic {
  background-color: #FFFFFF;
  color: #454545;
  display: block;
  position: relative;
  text-decoration: none;
  transition: all linear 0.3s;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.sf-com-card-basic::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
}

.sf-com-card-basic:hover, .sf-com-card-basic:focus, .sf-com-card-basic:active {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  color: #454545;
  text-decoration: none;
}

.sf-com-card-basic .sf-com-motional-image {
  height: 300px;
}

.sf-com-card-basic .basic-card {
  flex-shrink: 1;
  font-size: 16px;
}

.sf-com-card-basic .basic-card .card-heading,
.sf-com-card-basic .basic-card .card-body,
.sf-com-card-basic .basic-card .card-footer {
  padding: 1.5em;
}

.sf-com-card-basic .basic-card .card-heading .title {
  font-weight: 400;
  font-size: 22px;
  margin: 0;
}

.sf-com-card-basic .basic-card .card-body {
  line-height: 1.7;
  font-weight: 200;
}

.sf-com-card-basic .basic-card .card-body p {
  margin: 0;
}

.sf-com-card-basic .basic-card .card-heading + .card-body {
  padding-top: 0;
}

.sf-com-card-basic .basic-card .card-heading + .card-footer,
.sf-com-card-basic .basic-card .card-body + .card-footer {
  padding-top: 0;
}

.sf-com-card-basic.type-2 {
  padding-bottom: 0;
}

.sf-com-card-basic.type-2 > .content {
  position: relative;
}

.sf-com-card-basic.type-2 > .content .sf-com-motional-image {
  height: 380px;
}

.sf-com-card-basic.type-2 > .content .basic-card {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0) 100%);
  color: #FFFFFF;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 20;
}

.sf-com-card-basic.type-3 {
  padding-bottom: 0;
}

.sf-com-card-basic.type-3 .content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.sf-com-card-basic.type-3 .content .sf-com-motional-image {
  width: 30%;
  height: auto;
  flex-shrink: 0;
}

.sf-com-card-basic.type-3 .content .basic-card {
  padding: 20px 30px;
}

.sf-com-card-basic.type-3 .content .basic-card .card-heading .title {
  font-weight: 400;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button {
  color: #454545;
  transition: all linear 0.3s;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button .icon {
  background-color: #6DAD19;
  color: #FFFFFF;
  border: none;
  width: 3.5em;
  height: 3.5em;
  transition: all linear 0.3s;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:hover, .sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:focus, .sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:active {
  color: #6DAD19;
}

.sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:hover .icon, .sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:focus .icon, .sf-com-card-basic.type-3 .content .basic-card .card-footer .sf-go-button:active .icon {
  margin-left: 1.6em;
}

.sf-com-card-basic.type-3.type-3-1 .content .sf-com-video-box {
  flex-shrink: 0;
  width: 50%;
}

.sf-com-card-basic.type-3.type-3-1 .content .sf-com-video-box .sf-com-motional-image {
  border: 4px solid #FFFFFF;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35);
  width: 100%;
}

.sf-com-card-basic.type-3.type-3-1 .content .basic-card .card-footer .sf-go-button {
  color: #6DAD19;
  background: rgba(0, 128, 0, 0.1);
  border-radius: 40px;
  padding: 0 0 0 15px;
  border: 1px solid rgba(13, 157, 13, 0.35);
}

.sf-com-card-basic.type-3.type-3-1 .content .basic-card .card-footer .sf-go-button .icon {
  width: 2.5em;
  height: 2.5em;
}

.sf-com-card-basic.type-4 .content .sf-com-motional-image {
  background-color: #000000;
  font-size: 3em;
  position: relative;
}

.sf-com-card-basic.type-4 .content .sf-com-motional-image::after {
  content: " ";
  display: block;
  height: 0;
  width: 0;
  border: 1em solid rgba(255, 255, 255, 0.85);
  border-left-width: 0.866em;
  border-top-width: 0.5em;
  border-top-color: transparent;
  border-bottom-width: 0.5em;
  border-bottom-color: transparent;
  border-right-width: 0;
  border-right-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.2em;
  transition: all linear 0.5s;
}

.sf-com-card-basic.type-4:hover .sf-com-motional-image .image-replacer, .sf-com-card-basic.type-4:focus .sf-com-motional-image .image-replacer, .sf-com-card-basic.type-4:active .sf-com-motional-image .image-replacer {
  opacity: 0.5;
}

.sf-com-card-basic.type-4:hover .sf-com-motional-image::after, .sf-com-card-basic.type-4:focus .sf-com-motional-image::after, .sf-com-card-basic.type-4:active .sf-com-motional-image::after {
  border-left-color: #22AC16;
  transform: rotate(360deg);
}

.sf-com-card-basic.type-5 {
  color: #454545;
  display: block;
  border-radius: 5px;
  margin-bottom: 50px;
  overflow: hidden;
  text-decoration: none;
}

.sf-com-card-basic.type-5 .content .basic-card .card-heading {
  padding: 3em 1.5em;
}

.sf-com-card-basic.type-5 .content .basic-card .card-heading .title {
  color: #000000;
  font-size: 1.5em;
  font-weight: 400;
  position: relative;
  padding-bottom: 1.2em;
}

.sf-com-card-basic.type-5 .content .basic-card .card-heading .title::before, .sf-com-card-basic.type-5 .content .basic-card .card-heading .title::after {
  background-color: #f1f1f1;
  content: " ";
  display: block;
  height: 4px;
  width: 4em;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all linear 0.3s;
}

.sf-com-card-basic.type-5 .content .basic-card .card-heading .title::after {
  z-index: 5;
  background-color: #6DAD19;
  width: 0;
}

.sf-com-card-basic.type-5 .content .basic-card .card-body {
  padding-bottom: 3em;
}

.sf-com-card-basic.type-5:hover .content .card-heading .title::before, .sf-com-card-basic.type-5:active .content .card-heading .title::before {
  width: 0;
}

.sf-com-card-basic.type-5:hover .content .card-heading .title::after, .sf-com-card-basic.type-5:active .content .card-heading .title::after {
  width: 4em;
}

.sf-com-card-basic.type-6 {
  border-bottom: 6px solid #c7d0db;
}

.sf-com-card-basic.type-6 .content .basic-card .card-heading {
  padding: 3em 1.5em;
}

.sf-com-card-basic.type-6 .content .basic-card .card-heading .title {
  color: #000000;
  font-size: 1.5em;
  font-weight: 400;
  position: relative;
  padding-bottom: 0.8em;
}

.sf-com-card-basic.type-6 .content .basic-card .card-heading .title::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  height: 4px;
  width: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
}

.sf-com-card-basic.type-6 .content .basic-card .card-body {
  padding-bottom: 3em;
}

.sf-com-card-basic.type-7 {
  padding-bottom: 0;
  margin-bottom: 30px;
}

.sf-com-card-basic.type-7 .content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.sf-com-card-basic.type-7 .content .sf-com-motional-image {
  width: 50%;
  height: auto;
  flex-shrink: 0;
}

.sf-com-card-basic.type-7 .content .basic-card {
  padding: 20px 30px;
}

.sf-com-card-basic.type-7 .content .basic-card .card-heading .title {
  font-weight: 400;
}

.sf-com-card-basic.type-7 .content .basic-card .card-body p {
  height: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.sf-com-card-basic.type-7 .content .basic-card .card-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button {
  color: #669ACC;
  transition: all linear 0.3s;
}

.sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button .icon {
  background-color: #FFFFFF;
  color: #669ACC;
  border: 2px solid #669ACC;
  width: 3.5em;
  height: 3.5em;
  transition: all linear 0.3s;
}

.sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button:hover .icon, .sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button:focus .icon, .sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button:active .icon {
  background-color: #669ACC;
  color: #FFFFFF;
  margin-left: 1.6em;
}

.sf-com-card-basic.type-8 {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.sf-com-card-basic.type-8::after {
  content: " ";
  display: block;
  position: absolute;
  height: 8px;
  width: 0;
  background-color: #F4FF81;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -6px;
  transition: all ease-out 0.15s;
}

.sf-com-card-basic.type-8 .content {
  position: relative;
}

.sf-com-card-basic.type-8 .content .tag {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  top: 15px;
  left: 20px;
  line-height: 1;
  padding: 5px 10px;
  z-index: 10;
}

.sf-com-card-basic.type-8 .content .tag::before {
  content: " ";
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: -1em;
  top: 50%;
  margin-top: -5px;
}

.sf-com-card-basic.type-8 .content .tag.tag-1 {
  background-color: #6DAD19;
}

.sf-com-card-basic.type-8 .content .tag.tag-1::before {
  background-color: #198B44;
}

.sf-com-card-basic.type-8 .content .tag.tag-2 {
  background-color: #E6A121;
}

.sf-com-card-basic.type-8 .content .tag.tag-2::before {
  background-color: #E6A121;
}

.sf-com-card-basic.type-8 .content .sf-com-motional-image {
  height: 200px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-heading {
  padding: 3em 1.5em;
}

.sf-com-card-basic.type-8 .content .basic-card .card-heading .title {
  color: #000000;
  font-size: 1.5em;
  font-weight: 400;
  position: relative;
  padding-bottom: 0.8em;
}

.sf-com-card-basic.type-8 .content .basic-card .card-heading .title::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  height: 4px;
  width: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: #454545;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body a:hover, .sf-com-card-basic.type-8 .content .basic-card .card-body a:focus, .sf-com-card-basic.type-8 .content .basic-card .card-body a:active {
  text-decoration: none;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .date {
  border-radius: 5px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 2.5;
  text-align: center;
  width: 70px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: auto;
  overflow: hidden;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .date .dm {
  background-color: #6DAD19;
  color: #FFFFFF;
  font-weight: 600;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .date .year {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #999999;
  font-weight: 600;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .intro {
  display: block;
  color: #454545;
  padding-left: 20px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .intro .title, .sf-com-card-basic.type-8 .content .basic-card .card-body .intro h1, .sf-com-card-basic.type-8 .content .basic-card .card-body .intro h2, .sf-com-card-basic.type-8 .content .basic-card .card-body .intro h3, .sf-com-card-basic.type-8 .content .basic-card .card-body .intro h4, .sf-com-card-basic.type-8 .content .basic-card .card-body .intro h5, .sf-com-card-basic.type-8 .content .basic-card .card-body .intro h6 {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.sf-com-card-basic.type-8 .content .basic-card .card-body .intro .detail {
  color: #888888;
  font-size: 0.9em;
  margin-top: 10px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .link {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 40px;
  background-color: #669ACC;
  color: #FFFFFF;
  display: flex;
  padding-left: 1em;
  padding-right: 1em;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 600;
  height: 45px;
  line-height: 1;
  min-width: 12em;
  text-decoration: none;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .link:hover, .sf-com-card-basic.type-8 .content .basic-card .card-footer .link:focus, .sf-com-card-basic.type-8 .content .basic-card .card-footer .link:active {
  text-decoration: none;
  background-color: #669ACC;
  color: #FFFFFF;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .link.type-2 {
  background-color: #C0C0C0;
  color: #454545;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container {
  color: #FFFFFF;
  margin-left: 20px;
  position: relative;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-btn {
  border: 1px solid rgba(0, 0, 0, 0.06);
  color: #6DAD19;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  line-height: 1;
  transition: all linear 0.3s;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-btn:hover, .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-btn:focus, .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-btn:active {
  text-decoration: none;
  background-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box {
  min-width: 200px;
  left: auto;
  right: 0;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box::before, .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box::after {
  left: auto;
  right: 20px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box .sf-com-teaser-social-share {
  margin: 0;
  padding: 0;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box .sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item .link {
  border-radius: 50%;
  height: auto;
  padding: 3px;
  min-width: 10px;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:hover {
  cursor: pointer;
}

.sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:hover .share-box {
  display: block;
}

.sf-com-card-basic.type-8:hover::after, .sf-com-card-basic.type-8:focus::after, .sf-com-card-basic.type-8:active::after {
  background-color: #6DAD19;
  width: 100%;
}

.sf-com-card-basic.type-9:hover, .sf-com-card-basic.type-9:focus, .sf-com-card-basic.type-9:active {
  box-shadow: none;
}

.sf-com-card-basic.type-9 .basic-card .card-footer {
  display: flex;
  justify-content: flex-start;
}

.sf-com-card-basic.type-9 .basic-card .card-footer .sf-go-button {
  color: #6DAD19;
  background: rgba(0, 128, 0, 0.1);
  border-radius: 20px;
  padding: 0 0 0 15px;
  border: 1px solid rgba(13, 157, 13, 0.35);
}

@media screen and (max-width: 1024px) {
  .sf-com-card-basic .content .sf-com-motional-image {
    height: 200px;
  }
  .sf-com-card-basic .content .basic-card {
    font-size: 14px;
  }
  .sf-com-card-basic .content .basic-card .card-heading .title {
    font-size: 20px;
  }
  .sf-com-card-basic.type-2 > .content .sf-com-motional-image {
    height: 240px;
  }
  .sf-com-card-basic.type-3.type-3-1 .content .sf-com-video-box {
    flex-shrink: 0;
    width: 100%;
  }
  .sf-com-card-basic.type-3.type-3-1 .content .sf-com-video-box .sf-com-motional-image {
    width: 100%;
  }
  .sf-com-card-basic.type-5 {
    margin-bottom: 20px;
  }
  .sf-com-card-basic.type-5 .content .basic-card .card-heading {
    padding: 2em 1.5em;
  }
  .sf-com-card-basic.type-5 .content .basic-card .card-body {
    padding-bottom: 2em;
  }
  .sf-com-card-basic.type-7 {
    margin-bottom: 20px;
  }
  .sf-com-card-basic.type-7 .content {
    flex-direction: column;
  }
  .sf-com-card-basic.type-7 .content .sf-com-motional-image {
    height: 200px;
    width: 100%;
  }
  .sf-com-card-basic.type-7 .content .basic-card {
    padding: 0;
  }
  .sf-com-card-basic.type-7 .content .basic-card .card-heading {
    font-size: 1.2em;
  }
  .sf-com-card-basic.type-7 .content .basic-card .card-body p {
    height: auto;
    overflow: unset;
    text-overflow: unset;
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }
  .sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button .icon {
    width: 2.5em;
    height: 2.5em;
  }
  .sf-com-card-basic.type-7 .content .basic-card .card-footer .sf-go-button .icon span {
    font-size: 1.2em;
  }
  .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:hover .share-box, .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:focus .share-box, .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container:active .share-box {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    display: block;
    position: absolute;
    top: 30px;
  }
  .sf-com-card-basic.type-8 .content .basic-card .card-footer .share-container .share-box {
    display: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-list {
  padding: 90px 0;
}

.sf-com-card-list > .sf-container > .content,
.sf-com-card-list > .content {
  position: relative;
  z-index: 10;
}

.sf-com-card-list .auto-fit-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.sf-com-card-list .auto-fit-list .list-item {
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 1;
}

.sf-com-card-list .auto-fit-list .list-item:first-child {
  margin-left: 0;
}

.sf-com-card-list .auto-fit-list .list-item:last-child {
  margin-right: 0;
}

.sf-com-card-list.color-series .content .row > div:nth-child(2n) .sf-com-card-basic::after,
.sf-com-card-list.color-series .content .row > div:nth-child(2n) .sf-com-teaser-type-43::after {
  background-color: #043564;
}

.sf-com-card-list.color-series .content .row > div:nth-child(2n - 1) .sf-com-card-basic::after,
.sf-com-card-list.color-series .content .row > div:nth-child(2n - 1) .sf-com-teaser-type-43::after {
  background-color: #6DAD19;
}

.sf-com-card-list.video-center-list .sf-com-card-basic {
  margin-bottom: 60px;
  min-height: 95%;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .sf-com-motional-image {
  height: 260px;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading,
.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-body,
.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-footer {
  padding: 1em;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading + .card-body {
  padding-top: 0;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading .title {
  font-size: 24px;
  font-weight: 400;
}

.sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-body {
  font-size: 18px;
  overflow: hidden;
}

.sf-com-card-list.video-center-list .vc-load-more {
  padding: 25px 0;
  background: #ffffff;
  text-align: center;
}

.sf-com-card-list.video-center-list .vc-load-more .link {
  text-decoration: none;
  color: #6DAD19;
  font-size: 18px;
}

.sf-com-card-list.video-center-list .vc-load-more .link:hover {
  color: #043564;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-list {
    padding: 40px 20px;
  }
  .sf-com-card-list .auto-fit-list {
    flex-direction: column;
    justify-content: flex-start;
  }
  .sf-com-card-list .auto-fit-list .list-item {
    margin: 0 0 0 0;
  }
  .sf-com-card-list.video-center-list .sf-com-card-basic {
    margin-bottom: 30px;
  }
  .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .sf-com-motional-image {
    height: 190px;
  }
  .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading,
  .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-body,
  .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-footer {
    padding: 1em;
  }
  .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading + .card-body {
    padding-top: 0;
  }
  .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading .title {
    font-size: 24px;
    font-weight: 400;
  }
  .sf-com-card-list.video-center-list .sf-com-card-basic.type-4 .content .card-body {
    font-size: 18px;
  }
  .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic {
    margin-bottom: 60px;
  }
  .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .sf-com-motional-image {
    height: 260px;
  }
  .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading,
  .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-body,
  .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-footer {
    padding: 1em;
  }
  .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading + .card-body {
    padding-top: 0;
  }
  .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-heading .title {
    font-size: 24px;
    font-weight: 400;
  }
  .sf-com-card-list.video-center-list.video-center-list .sf-com-card-basic.type-4 .content .card-body {
    font-size: 18px;
  }
  .sf-com-card-list.video-center-list.video-center-list .vc-load-more {
    padding: 20px 0;
  }
  .sf-com-card-list.video-center-list.video-center-list .vc-load-more .link {
    font-size: 16px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-feature {
  background-color: #FFFFFF;
  margin-bottom: 15px;
}

.sf-com-card-feature .content .sf-com-motional-image {
  height: 300px;
}

.sf-com-card-feature .content .com-card .card-heading {
  background-color: #eff2f7;
  font-size: 22px;
  padding: 25px 40px;
}

.sf-com-card-feature .content .com-card .card-heading .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-card-feature .content .com-card .card-body {
  font-weight: 200;
  line-height: 1.7;
  padding: 20px 40px 50px 40px;
}

.sf-com-card-feature .content .com-card .card-body .intro {
  height: auto;
  overflow: hidden;
}

.sf-com-card-feature .content .com-card .card-body p {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-feature .content .sf-com-motional-image {
    height: 200px;
  }
  .sf-com-card-feature .content .com-card .card-heading {
    font-size: 16px;
    padding: 15px 20px;
  }
  .sf-com-card-feature .content .com-card .card-body {
    font-size: 14px;
    padding: 15px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-billboard {
  color: #454545;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}

.sf-com-card-billboard:hover, .sf-com-card-billboard:focus, .sf-com-card-billboard:active {
  text-decoration: none;
}

.sf-com-card-billboard .content {
  color: #FFFFFF;
  height: 800px;
  overflow: hidden;
  position: relative;
  transition: all linear 0.3s;
}

.sf-com-card-billboard .content .sf-com-motional-image.effect-background::before {
  transition-duration: 0.9s;
}

.sf-com-card-billboard .content .com-card {
  height: 100%;
  position: relative;
  z-index: 10;
}

.sf-com-card-billboard .content .com-card .card-heading,
.sf-com-card-billboard .content .com-card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 60px;
  transition: all linear 0.6s;
}

.sf-com-card-billboard .content .com-card .card-heading {
  flex-shrink: 0;
  height: 100%;
}

.sf-com-card-billboard .content .com-card .card-heading .card-icon img {
  display: block;
  height: 70px;
  transition: all linear 1.2s;
}

.sf-com-card-billboard .content .com-card .card-heading .card-title {
  font-size: 36px;
  padding: 1em 0 2em 0;
  position: relative;
}

.sf-com-card-billboard .content .com-card .card-heading .card-title::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  position: absolute;
  height: 6px;
  width: 50%;
  left: 0;
  bottom: 0;
}

.sf-com-card-billboard .content .com-card .card-heading .card-title .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-card-billboard .content .com-card .card-heading .card-title .sub-title {
  font-size: 0.6em;
  font-weight: 200;
  margin: 0.5em 0 0 0;
}

.sf-com-card-billboard .content .com-card .card-body {
  justify-content: flex-start;
  opacity: 0;
}

.sf-com-card-billboard .content .com-card .card-body .intro-heading {
  font-size: 22px;
}

.sf-com-card-billboard .content .com-card .card-body .intro-heading .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-card-billboard .content .com-card .card-body .intro-body {
  font-weight: 200;
  line-height: 1.5;
  margin-top: 1em;
}

.sf-com-card-billboard .content .com-card .card-body .intro-body p {
  margin: 0;
}

.sf-com-card-billboard .content:hover, .sf-com-card-billboard .content:focus, .sf-com-card-billboard .content:active {
  color: #454545;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
}

.sf-com-card-billboard .content:hover .sf-com-motional-image.effect-background::before, .sf-com-card-billboard .content:focus .sf-com-motional-image.effect-background::before, .sf-com-card-billboard .content:active .sf-com-motional-image.effect-background::before {
  background-color: rgba(255, 255, 255, 0.85);
}

.sf-com-card-billboard .content:hover .com-card .card-heading,
.sf-com-card-billboard .content:hover .com-card .card-body, .sf-com-card-billboard .content:focus .com-card .card-heading,
.sf-com-card-billboard .content:focus .com-card .card-body, .sf-com-card-billboard .content:active .com-card .card-heading,
.sf-com-card-billboard .content:active .com-card .card-body {
  color: #454545;
  height: 50%;
}

.sf-com-card-billboard .content:hover .com-card .card-heading, .sf-com-card-billboard .content:focus .com-card .card-heading, .sf-com-card-billboard .content:active .com-card .card-heading {
  color: #000000;
}

.sf-com-card-billboard .content:hover .com-card .card-heading .card-icon img, .sf-com-card-billboard .content:focus .com-card .card-heading .card-icon img, .sf-com-card-billboard .content:active .com-card .card-heading .card-icon img {
  filter: none;
}

.sf-com-card-billboard .content:hover .com-card .card-body, .sf-com-card-billboard .content:focus .com-card .card-body, .sf-com-card-billboard .content:active .com-card .card-body {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-billboard .content {
    height: 450px;
  }
  .sf-com-card-billboard .content .com-card .card-heading,
  .sf-com-card-billboard .content .com-card .card-body {
    padding: 20px 30px;
  }
  .sf-com-card-billboard .content .com-card .card-heading .card-icon img {
    height: 40px;
  }
  .sf-com-card-billboard .content .com-card .card-heading .card-title {
    font-size: 24px;
    padding: 0.7em 0 1.2em 0;
  }
  .sf-com-card-billboard .content .com-card .card-body .intro-heading {
    font-size: 18px;
  }
  .sf-com-card-billboard .content .com-card .card-body .intro-body {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-intro {
  padding: 90px 0;
}

.sf-com-card-intro .content {
  position: relative;
  padding: 40px 0;
}

.sf-com-card-intro .content .sf-com-video-box {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
}

.sf-com-card-intro .content .sf-com-video-box .content {
  height: 100%;
}

.sf-com-card-intro .content .com-card {
  background-color: #FFFFFF;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 70px;
  width: 55%;
  z-index: 20;
}

.sf-com-card-intro .content .com-card::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, #6fab2a 0%, #6fab2a 50%, #689bca 50.1%, #689bca 100%);
}

.sf-com-card-intro .content .com-card .card-heading .card-icon {
  margin-bottom: 40px;
}

.sf-com-card-intro .content .com-card .card-heading .card-icon img {
  display: block;
  height: 45px;
}

.sf-com-card-intro .content .com-card .card-body {
  font-weight: 200;
  line-height: 1.7;
}

.sf-com-card-intro .content .com-card .card-body p {
  margin: 0;
}

.sf-com-card-intro.type-2 .content .sf-com-video-box {
  display: block;
  font-size: 40px;
  left: 0;
  right: auto;
  z-index: 20;
}

.sf-com-card-intro.type-2 .content .com-card {
  margin-left: 50%;
  width: 50%;
  z-index: 10;
}

.sf-com-card-intro.type-2 .content .com-card::after {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-intro {
    padding: 40px 20px;
  }
  .sf-com-card-intro .content {
    padding: 0;
  }
  .sf-com-card-intro .content .sf-com-video-box,
  .sf-com-card-intro .content .com-card {
    min-height: 200px;
    position: relative;
    width: 100%;
  }
  .sf-com-card-intro .content .com-card {
    padding: 30px 20px;
  }
  .sf-com-card-intro .content .com-card .card-heading .card-icon {
    margin-bottom: 20px;
  }
  .sf-com-card-intro.type-2 .content .com-card {
    margin: 0;
    width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-slogan {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  display: block;
  margin-bottom: 20px;
}

.sf-com-card-slogan .content {
  padding: 20px;
  position: relative;
}

.sf-com-card-slogan .content .sf-com-motional-image::before {
  background-color: rgba(11, 45, 87, 0.85);
}

.sf-com-card-slogan .content .com-card {
  height: 260px;
  position: relative;
  z-index: 30;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sf-com-card-slogan .content .com-card .card-heading {
  font-size: 32px;
}

.sf-com-card-slogan .content .com-card .card-heading .title,
.sf-com-card-slogan .content .com-card .card-heading .sub-title {
  margin: 0;
  text-align: center;
}

.sf-com-card-slogan .content .com-card .card-heading .title {
  font-size: 1em;
  font-weight: 200;
}

.sf-com-card-slogan .content .com-card .card-heading .sub-title {
  font-size: 0.81em;
  font-weight: 200;
  margin-bottom: 15px;
}

.sf-com-card-slogan:hover, .sf-com-card-slogan:focus, .sf-com-card-slogan:active {
  color: #FFFFFF;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-slogan .content .com-card {
    height: 140px;
  }
  .sf-com-card-slogan .content .com-card .card-heading {
    font-size: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-ad {
  background-color: #FFFFFF;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  color: #454545;
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
}

.sf-com-card-ad:hover, .sf-com-card-ad:focus, .sf-com-card-ad:active {
  text-decoration: none;
}

.sf-com-card-ad .content {
  height: 600px;
  max-height: 65vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sf-com-card-ad .content .com-card {
  width: 100%;
}

.sf-com-card-ad .content .com-card .card-heading .card-icon {
  padding: 0 0 80px 0;
  position: relative;
}

.sf-com-card-ad .content .com-card .card-heading .card-icon::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  height: 6px;
  width: 30%;
  left: 50%;
  bottom: 0;
  margin-left: -15%;
  position: absolute;
}

.sf-com-card-ad .content .com-card .card-heading .card-icon img {
  display: block;
  max-height: 190px;
  max-width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-ad .content {
    height: 300px;
  }
  .sf-com-card-ad .content .com-card .card-heading .card-icon {
    padding-bottom: 40px;
  }
  .sf-com-card-ad .content .com-card .card-heading .card-icon::after {
    height: 3px;
  }
  .sf-com-card-ad .content .com-card .card-heading .card-icon img {
    height: 120px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-number {
  color: #454545;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}

.sf-com-card-number:hover, .sf-com-card-number:focus, .sf-com-card-number:active {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  color: #454545;
  text-decoration: none;
}

.sf-com-card-number:hover .content .sf-com-motional-image::before, .sf-com-card-number:focus .content .sf-com-motional-image::before, .sf-com-card-number:active .content .sf-com-motional-image::before {
  background-color: rgba(0, 0, 0, 0);
}

.sf-com-card-number .content {
  height: 300px;
  position: relative;
}

.sf-com-card-number .content .com-card {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
}

.sf-com-card-number .content .com-card .card-heading {
  font-size: 22px;
  background-color: #d6d9e5;
  height: 45%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 35px 35px 35px 10px;
}

.sf-com-card-number .content .com-card .card-heading .number {
  color: #669ACC;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  vertical-align: bottom;
  transform: scaleX(0.6);
}

.sf-com-card-number .content .com-card .card-heading .number .n,
.sf-com-card-number .content .com-card .card-heading .number .u {
  display: inline;
  line-height: 1;
}

.sf-com-card-number .content .com-card .card-heading .number .n {
  font-size: 3.5em;
  font-weight: 600;
  margin-right: 20px;
}

.sf-com-card-number .content .com-card .card-heading .number .u {
  font-size: 2em;
  margin-bottom: 0.2em;
}

.sf-com-card-number .content .com-card .card-heading .type {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-number .content {
    height: 200px;
  }
  .sf-com-card-number .content .com-card .card-heading {
    font-size: 18px;
    padding: 15px 15px 15px 5px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-info {
  background-color: #FFFFFF;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  color: #454545;
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
}

.sf-com-card-info .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 420px;
}

.sf-com-card-info .content .com-card {
  max-width: 100%;
}

.sf-com-card-info .content .com-card .card-heading,
.sf-com-card-info .content .com-card .card-body,
.sf-com-card-info .content .com-card .card-footer {
  padding: 20px 30px;
}

.sf-com-card-info .content .com-card .card-heading {
  text-align: center;
  position: relative;
}

.sf-com-card-info .content .com-card .card-heading::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  height: 6px;
  width: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all linear 0.3s;
}

.sf-com-card-info .content .com-card .card-heading .title {
  font-size: 22px;
  font-weight: 400;
  margin: 0;
}

.sf-com-card-info .content .com-card .card-heading .number {
  color: #669ACC;
  font-size: 46px;
  font-weight: 600;
}

.sf-com-card-info .content .com-card .card-body {
  line-height: 2;
  font-weight: 200;
}

.sf-com-card-info .content .com-card .card-body p {
  margin: 0;
}

.sf-com-card-info:hover, .sf-com-card-info:focus, .sf-com-card-info:active {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  color: #454545;
  text-decoration: none;
}

.sf-com-card-info:hover .content .com-card .card-heading::after, .sf-com-card-info:focus .content .com-card .card-heading::after, .sf-com-card-info:active .content .com-card .card-heading::after {
  width: 60%;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-info .content {
    height: 320px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-expo {
  background-color: #FFFFFF;
  border-bottom: 6px solid #d6d9e5;
  margin-bottom: 20px;
}

.sf-com-card-expo .content {
  position: relative;
}

.sf-com-card-expo .content .sf-com-motional-image::before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.3) 100%);
}

.sf-com-card-expo .content .card-heading {
  color: #FFFFFF;
  font-size: 36px;
  position: relative;
  padding: 30px 40px;
  padding-top: 60%;
}

.sf-com-card-expo .content .card-heading .title {
  font-size: 1em;
  font-weight: 200;
  line-height: 2;
  margin: 0;
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 30;
}

.sf-com-card-expo .content .card-body {
  padding: 40px;
}

.sf-com-card-expo .content .card-body .text-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-card-expo .content .card-body .text-list ul li {
  font-weight: 200;
  line-height: 2;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-expo .content .card-heading {
    font-size: 24px;
  }
  .sf-com-card-expo .content .card-heading .title {
    left: 20px;
    bottom: 30px;
  }
  .sf-com-card-expo .content .card-body {
    padding: 30px 20px;
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-article {
  height: 100%;
}

.sf-com-card-article .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.sf-com-card-article .content .icon {
  padding-bottom: 30px;
}

.sf-com-card-article .content .icon img {
  display: block;
  height: 45px;
}

.sf-com-card-article .content p {
  font-weight: 200;
  line-height: 1.8;
  margin-bottom: 30px;
}

.sf-com-card-article.type-2 {
  background-color: #FFFFFF;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

.sf-com-card-article.type-2 .content {
  padding: 50px 10%;
}

.sf-com-card-article.type-2 .content .icon {
  margin-bottom: 40px;
  padding-bottom: 40px;
  position: relative;
}

.sf-com-card-article.type-2 .content .icon::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  height: 4px;
  width: 4em;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all linear 0.3s;
}

.sf-com-card-article.type-2 .content .icon img {
  max-height: 60px;
  height: auto;
}

.sf-com-card-article.type-2 .content .icon:hover::after, .sf-com-card-article.type-2 .content .icon:focus::after, .sf-com-card-article.type-2 .content .icon:active::after {
  width: 100%;
}

.sf-com-card-article.type-2 .content p {
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-article {
    margin: 0 20px;
  }
  .sf-com-card-article.type-2 .content {
    padding: 30px 20px;
  }
  .sf-com-card-article.type-2 .content .icon {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .sf-com-card-article.type-2 .content .icon img {
    max-height: 40px;
  }
  .sf-com-card-article.type-2 .content p {
    margin-bottom: 15px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-navi {
  color: #454545;
  display: block;
  margin-bottom: 30px;
}

.sf-com-card-navi .content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
}

.sf-com-card-navi .content .card-heading,
.sf-com-card-navi .content .card-body,
.sf-com-card-navi .content .card-footer {
  width: 100%;
}

.sf-com-card-navi .content .card-heading {
  font-size: 18px;
  padding: 10px 0;
}

.sf-com-card-navi .content .card-heading .title {
  font-size: 1em;
  margin: 0;
}

.sf-com-card-navi .content .card-body {
  height: 160px;
}

.sf-com-card-navi .content .card-footer {
  font-size: 14px;
  padding: 10px 0;
}

.sf-com-card-navi .content .card-footer p {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-card-navi {
    margin-bottom: 15px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-info-board .content {
  font-size: 18px;
}

.sf-com-info-board .content .com-info-wrapper {
  padding: 70px 20px 200px 20px;
}

.sf-com-info-board .content .com-info-wrapper .info-list {
  text-align: center;
  width: 100%;
}

.sf-com-info-board .content .com-info-wrapper .info-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.sf-com-info-board .content .com-info-wrapper .info-list ul li {
  line-height: 1.7;
}

.sf-com-info-board .content .com-card-wrapper {
  position: relative;
}

.sf-com-info-board .content .com-card {
  background-color: #FFFFFF;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  top: -120px;
  z-index: 20;
}

.sf-com-info-board .content .com-card .card-heading,
.sf-com-info-board .content .com-card .card-body {
  max-width: 880px;
  margin: 0 auto;
  width: 70%;
}

.sf-com-info-board .content .com-card .card-heading {
  border-bottom: 2px solid #6DAD19;
  font-size: 22px;
  text-align: center;
  padding: 1.5em 0;
}

.sf-com-info-board .content .com-card .card-heading .title {
  margin: 0;
  font-size: 1em;
  font-weight: 400;
}

.sf-com-info-board .content .com-card .card-body {
  font-size: 16px;
  font-weight: 200;
  padding: 2em 0;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul li {
  line-height: 1.7;
  padding-left: 30px;
  position: relative;
  width: 50%;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul li::before {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0.35em;
  left: 0;
  background-image: url(/Assets/images/page-about/icon.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul.center-layout {
  justify-content: center;
}

.sf-com-info-board .content .com-card .card-body .corp-list ul.center-layout li {
  width: 70%;
}

@media screen and (max-width: 1024px) {
  .sf-com-info-board .content {
    font-size: 16px;
  }
  .sf-com-info-board .content .com-card-wrapper {
    padding: 0 20px;
  }
  .sf-com-info-board .content .com-card .card-heading,
  .sf-com-info-board .content .com-card .card-body {
    width: 80%;
  }
  .sf-com-info-board .content .com-card .card-body {
    font-size: 14px;
  }
  .sf-com-info-board .content .com-card .card-body .corp-list ul li {
    width: 100%;
  }
  .sf-com-info-board .content .com-card .card-body .corp-list ul.center-layout li {
    width: 100%;
  }
}

.pin-top {
  position: relative;
}

.pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
  z-index: 500;
}

html, body, #p1, #p0, #p3 {
  height: 100%;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-map-image {
  background: linear-gradient(to bottom, #546d84 0%, #546d84 15%, #6786a2 60%, #6786a2 100%);
  color: #FFFFFF;
  padding-bottom: 50px;
  padding-top: 150px;
}

.sf-com-map-image .content .map-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.sf-com-map-image .content .map-wrapper .map-image,
.sf-com-map-image .content .map-wrapper .map-image-static {
  width: 100%;
  position: relative;
}

.sf-com-map-image .content .map-wrapper .map-image img,
.sf-com-map-image .content .map-wrapper .map-image-static img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.sf-com-map-image .content .map-wrapper .map-image .location,
.sf-com-map-image .content .map-wrapper .map-image-static .location {
  color: #FFFFFF;
  display: block;
  font-size: 18px;
  position: absolute;
  padding-left: 1em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.sf-com-map-image .content .map-wrapper .map-image .location::before,
.sf-com-map-image .content .map-wrapper .map-image-static .location::before {
  content: " ";
  display: block;
  height: 8px;
  width: 8px;
  background-color: #6DAD19;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
  transition: all linear 0.3s;
}

.sf-com-map-image .content .map-wrapper .map-image .location:hover, .sf-com-map-image .content .map-wrapper .map-image .location:focus, .sf-com-map-image .content .map-wrapper .map-image .location:active,
.sf-com-map-image .content .map-wrapper .map-image-static .location:hover,
.sf-com-map-image .content .map-wrapper .map-image-static .location:focus,
.sf-com-map-image .content .map-wrapper .map-image-static .location:active {
  z-index: 90;
  text-decoration: none;
}

.sf-com-map-image .content .map-wrapper .map-image .location:hover::before, .sf-com-map-image .content .map-wrapper .map-image .location:focus::before, .sf-com-map-image .content .map-wrapper .map-image .location:active::before,
.sf-com-map-image .content .map-wrapper .map-image-static .location:hover::before,
.sf-com-map-image .content .map-wrapper .map-image-static .location:focus::before,
.sf-com-map-image .content .map-wrapper .map-image-static .location:active::before {
  background-color: #EC570E;
  box-shadow: 0 0 0 8px rgba(255, 215, 0, 0.4);
}

.sf-com-map-image .content .map-wrapper .map-image .location:hover .info-box, .sf-com-map-image .content .map-wrapper .map-image .location:focus .info-box, .sf-com-map-image .content .map-wrapper .map-image .location:active .info-box,
.sf-com-map-image .content .map-wrapper .map-image-static .location:hover .info-box,
.sf-com-map-image .content .map-wrapper .map-image-static .location:focus .info-box,
.sf-com-map-image .content .map-wrapper .map-image-static .location:active .info-box {
  height: auto;
  opacity: 1;
  overflow: visible;
}

.sf-com-map-image .content .map-wrapper .map-image .location:hover .info-box::after, .sf-com-map-image .content .map-wrapper .map-image .location:focus .info-box::after, .sf-com-map-image .content .map-wrapper .map-image .location:active .info-box::after,
.sf-com-map-image .content .map-wrapper .map-image-static .location:hover .info-box::after,
.sf-com-map-image .content .map-wrapper .map-image-static .location:focus .info-box::after,
.sf-com-map-image .content .map-wrapper .map-image-static .location:active .info-box::after {
  content: " ";
  display: block;
  height: 0;
  width: 0;
  border: 10px solid #6DAD19;
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  left: 93px;
  bottom: -10px;
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box {
  background-color: #6DAD19;
  color: #FFFFFF;
  font-size: 16px;
  position: absolute;
  left: 0;
  bottom: 140%;
  margin-left: -100px;
  width: 260px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 15px 15px;
  transition: all linear 0.2s;
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-heading,
.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-body,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-heading,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-body {
  padding: 3px 0;
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-heading,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-heading {
  background-color: transparent;
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-body,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-body {
  color: rgba(255, 255, 255, 0.8);
}

.sf-com-map-image .content .map-wrapper .map-image .location .info-box .info-body p,
.sf-com-map-image .content .map-wrapper .map-image-static .location .info-box .info-body p {
  margin: 0;
}

.sf-com-map-image .content .map-wrapper .map-image .location .coordinates,
.sf-com-map-image .content .map-wrapper .map-image-static .location .coordinates {
  display: none;
}

.sf-com-map-image .content .map-wrapper .map-image-static {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-map-image {
    height: auto;
  }
  .sf-com-map-image .content .map-wrapper .map-image {
    display: none;
  }
  .sf-com-map-image .content .map-wrapper .map-image-static {
    display: flex;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-simple-auto-scroll {
  background: linear-gradient(to bottom, #edf0f5 0%, #edf0f5 54%, #FFFFFF 54%, #FFFFFF 100%);
  padding: 90px 0;
}

.sf-com-simple-auto-scroll .content {
  position: relative;
}

.sf-com-simple-auto-scroll .content .nav {
  font-size: 10px;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  width: 60px;
  height: 60px;
  position: absolute;
  transition: all linear 0.3s;
  z-index: 20;
}

.sf-com-simple-auto-scroll .content .nav::before {
  content: " ";
  display: block;
  height: 1.5em;
  width: 1.5em;
  border: 2px solid rgba(0, 0, 0, 0.8);
  border-right: none;
  border-top: none;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-simple-auto-scroll .content .nav.prev {
  left: 0;
}

.sf-com-simple-auto-scroll .content .nav.prev::before {
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-top: -0.6em;
}

.sf-com-simple-auto-scroll .content .nav.next {
  right: 0;
}

.sf-com-simple-auto-scroll .content .nav.next::before {
  transform: rotate(-135deg);
  top: 50%;
  right: 50%;
  margin-top: -0.6em;
}

.sf-com-simple-auto-scroll .content .image-wrapper {
  overflow: hidden;
}

.sf-com-simple-auto-scroll .content .image-wrapper img {
  display: block;
}

@media screen and (max-width: 1024px) {
  .sf-com-simple-auto-scroll {
    padding: 40px 0;
  }
  .sf-com-simple-auto-scroll .content .image-wrapper img {
    max-height: 70vh;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-social-icons .content .icon-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sf-com-social-icons .content .icon-list .list-item .link {
  background-color: #689bca;
  border-radius: 50%;
  height: 4em;
  width: 4em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20%;
  position: relative;
  transition: all linear 0.3s;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.print, .sf-com-social-icons .content .icon-list .list-item .link:focus.print, .sf-com-social-icons .content .icon-list .list-item .link:active.print {
  background-color: #78ba31;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.mail, .sf-com-social-icons .content .icon-list .list-item .link:focus.mail, .sf-com-social-icons .content .icon-list .list-item .link:active.mail {
  background-color: #f4a536;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.facebook, .sf-com-social-icons .content .icon-list .list-item .link:focus.facebook, .sf-com-social-icons .content .icon-list .list-item .link:active.facebook {
  background-color: #3a5a97;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.twitter, .sf-com-social-icons .content .icon-list .list-item .link:focus.twitter, .sf-com-social-icons .content .icon-list .list-item .link:active.twitter {
  background-color: #59adeb;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.linkedin, .sf-com-social-icons .content .icon-list .list-item .link:focus.linkedin, .sf-com-social-icons .content .icon-list .list-item .link:active.linkedin {
  background-color: #127bb5;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.googleplus, .sf-com-social-icons .content .icon-list .list-item .link:focus.googleplus, .sf-com-social-icons .content .icon-list .list-item .link:active.googleplus {
  background-color: #cf4e44;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.wechat, .sf-com-social-icons .content .icon-list .list-item .link:focus.wechat, .sf-com-social-icons .content .icon-list .list-item .link:active.wechat {
  background-color: #21aa3d;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.wechatmoments, .sf-com-social-icons .content .icon-list .list-item .link:focus.wechatmoments, .sf-com-social-icons .content .icon-list .list-item .link:active.wechatmoments {
  background-color: #21aa3d;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.weibo, .sf-com-social-icons .content .icon-list .list-item .link:focus.weibo, .sf-com-social-icons .content .icon-list .list-item .link:active.weibo {
  background-color: #d65652;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover.toutiao, .sf-com-social-icons .content .icon-list .list-item .link:focus.toutiao, .sf-com-social-icons .content .icon-list .list-item .link:active.toutiao {
  background-color: #d62119;
}

.sf-com-social-icons .content .icon-list .list-item .link:hover .popover, .sf-com-social-icons .content .icon-list .list-item .link:focus .popover, .sf-com-social-icons .content .icon-list .list-item .link:active .popover {
  background-color: rgba(255, 255, 255, 0.6);
  border: 6px solid rgba(255, 255, 255, 0.85);
  width: 160px;
}

.sf-com-social-icons .content .icon-list .list-item .link img {
  display: block;
  width: 100%;
}

.sf-com-social-icons .content .icon-list .list-item .link .popover {
  position: absolute;
  height: 160px;
  overflow: hidden;
  width: 0;
  top: 110%;
  z-index: 20;
  transition: all linear 0.1s;
}

.sf-com-social-icons .content .icon-list .list-item .link .popover img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .sf-com-social-icons .content .icon-list .list-item {
    margin-bottom: 30px;
    width: 33.33%;
    text-align: center;
  }
  .sf-com-social-icons .content .icon-list .list-item .link {
    height: 5em;
    width: 5em;
    padding: 15px;
    margin: 0 auto;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-video-box .content {
  position: relative;
  min-height: 400px;
}

.sf-com-video-box .content .sf-com-motional-image,
.sf-com-video-box .content .video-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
}

.sf-com-video-box .content .sf-com-motional-image {
  font-size: 36px;
  z-index: 10;
}

.sf-com-video-box .content .video-wrapper {
  z-index: 5;
}

.sf-com-video-box .content .video-wrapper .video_details-dimensions.vjs-fluid {
  height: 100%;
  padding-top: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-video-box .content {
    min-height: 200px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-guide-menu {
  background-color: #F7F7F7;
  font-size: 18px;
  margin-bottom: 90px;
}

.sf-com-guide-menu .content .menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-guide-menu .content .menu-list .list-item .link {
  color: #000000;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1em;
  position: relative;
}

.sf-com-guide-menu .content .menu-list .list-item .link::after {
  content: " ";
  display: block;
  height: 1px;
  background-color: #e2e2e2;
  width: 90%;
  position: absolute;
  left: 5%;
  bottom: 0;
  transition: all linear 0.3s;
}

.sf-com-guide-menu .content .menu-list .list-item .link.active {
  background-color: #6DAD19;
  color: #FFFFFF;
}

.sf-com-guide-menu .content .menu-list .list-item .link.active::after {
  display: none;
}

.sf-com-guide-menu .content .menu-list .list-item .link.active .icon {
  filter: invert(1) brightness(1);
}

.sf-com-guide-menu .content .menu-list .list-item .link:hover, .sf-com-guide-menu .content .menu-list .list-item .link:focus, .sf-com-guide-menu .content .menu-list .list-item .link:active {
  text-decoration: none;
}

.sf-com-guide-menu .content .menu-list .list-item .link:hover::after {
  background-color: #6DAD19;
}

.sf-com-guide-menu .content .menu-list .list-item .link .icon {
  display: block;
  width: 1.2em;
  margin: 0 1em;
  transition: all linear 0.3s;
}

.sf-com-guide-menu .content .menu-list .list-item .link .indicator.pop {
  font-size: 14px;
  height: 20px;
  min-width: 20px;
  padding: 0 5px;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
  background-color: #FFFFFF;
  color: #6DAD19;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 15px;
}

.sf-com-guide-menu .content .menu-list .list-item:last-child .link::after {
  display: none;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-panel .content .panel-heading {
  border-bottom: 1px solid #E2E2E2;
  font-size: 24px;
  padding: 15px 0;
}

.sf-com-panel .content .panel-heading .title {
  font-size: 1em;
  line-height: 1.5;
  margin: 0;
}

.sf-com-panel .content .panel-body {
  padding: 30px 15px;
}

.user-info-temp {
  font-size: 18px;
  line-height: 1.5;
  margin: 100px auto;
  max-width: 100%;
}

.user-info-temp .row {
  margin-bottom: 15px;
}

.user-info-temp .row .title {
  display: inline-block;
  text-align: right;
  width: 100%;
}

.user-info-temp .actions {
  margin-top: 40px;
}

.user-info-temp .actions .link {
  background-color: #6DAD19;
  color: #FFFFFF;
  display: block;
  margin: 0 auto;
  padding: 0.7em 1em;
  text-align: center;
  width: 200px;
}

.user-info-temp .actions .link:hover, .user-info-temp .actions .link:focus, .user-info-temp .actions .link:active {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .user-info-temp {
    margin: 50px auto;
  }
  .user-info-temp .row {
    margin-bottom: 15px;
  }
  .user-info-temp .row .title {
    display: inline-block;
    text-align-last: left;
    width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-super-timeline {
  background: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 50%, #EAEEF3 50%, #EAEEF3 100%);
  font-size: 10px;
  position: relative;
}

.sf-com-super-timeline .content {
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 50em 0;
}

.sf-com-super-timeline .content .time-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  transition: all linear 0.3s;
}

.sf-com-super-timeline .content .time-list .list-item {
  padding-left: 15em;
  position: relative;
  transition: all linear 0.3s;
}

.sf-com-super-timeline .content .time-list .list-item.active .event-dot .intros {
  transform: scale(1) translateZ(0);
  transform-origin: right;
}

.sf-com-super-timeline .content .time-list .list-item.active .event-dot .date {
  opacity: 1;
}

.sf-com-super-timeline .content .time-list .list-item::before {
  background-color: #132179;
  content: " ";
  display: block;
  height: 0.5em;
  top: 3.75em;
  left: 0;
  width: 15em;
  position: absolute;
}

.sf-com-super-timeline .content .time-list .list-item:first-child {
  padding-left: 25em;
}

.sf-com-super-timeline .content .time-list .list-item:first-child::before {
  width: 25em;
}

.sf-com-super-timeline .content .time-list .list-item:first-child::after {
  content: " ";
  display: block;
  position: absolute;
  height: 1.5em;
  width: 1.5em;
  border-radius: 50%;
  background-color: #132179;
  left: 0;
  top: 50%;
  margin-top: -0.75em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot {
  box-sizing: border-box;
  border-radius: 50%;
  height: 8em;
  width: 8em;
  position: relative;
  padding: 1em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot::before {
  border: 0.5em solid #132179;
  border-right-color: transparent;
  border-radius: 50%;
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros {
  border-right: 2px solid #132179;
  position: absolute;
  padding: 2em 4em 2em 0;
  text-align: right;
  width: 30em;
  min-height: 15em;
  transform: scale(0);
  transition: all linear 1s;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers {
  color: #132179;
  font-weight: 200;
  width: 15em;
  white-space: nowrap;
  padding: 5px 0;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers span {
  text-align-last: left;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers .main {
  font-size: 4em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  line-height: 1;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers .sub {
  display: block;
  font-size: 1.5em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .numbers .unit {
  font-size: 0.5em;
  margin-left: 1em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .icon {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .icon::after {
  background-color: #132179;
  content: " ";
  display: block;
  height: 1px;
  width: 4em;
  position: absolute;
  top: 50%;
  left: 100%;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .icon::before {
  background-color: #132179;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 50%;
  right: -4em;
  margin-top: -2px;
  margin-right: -3px;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .icon img {
  display: block;
  height: 8em;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros p {
  margin: 0;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .text-title-1 {
  font-size: 4em;
  margin-top: 10px;
  white-space: nowrap;
  text-indent: -10000%;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .text-title-2 {
  font-size: 2em;
  margin-top: 10px;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .text-type-a {
  font-size: 12px;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .intros .text-type-b {
  color: #132179;
  font-size: 12px;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .date {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 6em;
  width: 6em;
  background-color: #132179;
  color: #FFFFFF;
  border-radius: 50%;
  opacity: 0;
  position: relative;
  transition: all linear 0.3s;
  z-index: 10;
}

.sf-com-super-timeline .content .time-list .list-item .event-dot .date .text {
  font-size: 1.8em;
  font-weight: 200;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot::before {
  transform: rotate(48.5deg);
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot .numbers {
  bottom: 100%;
  position: absolute;
  border-bottom: 4px solid #132179;
  right: -7.5em;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot .numbers.empty {
  border-bottom: none;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot .numbers.empty::after {
  content: " ";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #132179;
  left: 50%;
  margin-left: -3px;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n) .event-dot .intros {
  bottom: 100%;
  right: 50%;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n + 1) .event-dot::before {
  transform: rotate(-48.5deg);
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n + 1) .event-dot .numbers {
  top: 100%;
  position: absolute;
  border-top: 4px solid #132179;
  right: -7.5em;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n + 1) .event-dot .numbers.empty {
  border-top: none;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n + 1) .event-dot .numbers.empty::after {
  content: " ";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #132179;
  top: 0;
  left: 50%;
  margin-left: -3px;
}

.sf-com-super-timeline .content .time-list .list-item:nth-child(2n + 1) .event-dot .intros {
  right: 50%;
  top: 100%;
}

.sf-com-super-timeline .content .time-indicator {
  background-color: #D0D4E1;
  border-radius: 1em;
  height: 1.5em;
  width: 10em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2em;
  margin: 0 auto;
}

.sf-com-super-timeline .content .time-indicator .process {
  transition: all linear 0.3s;
  height: 1.5em;
  width: 1.5em;
  border-radius: 1em;
  background-color: #62a318;
  position: absolute;
  left: 0;
  bottom: 0;
}

.sf-com-super-timeline .content .navi {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  width: 60px;
  z-index: 20;
}

.sf-com-super-timeline .content .navi::before {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  content: " ";
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.sf-com-super-timeline .content .navi.prev {
  left: 0;
}

.sf-com-super-timeline .content .navi.prev::before {
  left: 20px;
  transform: rotate(45deg);
}

.sf-com-super-timeline .content .navi.next {
  right: 0;
}

.sf-com-super-timeline .content .navi.next::before {
  right: 20px;
  transform: rotate(-135deg);
}

.sf-com-super-timeline .content .navi:hover::before, .sf-com-super-timeline .content .navi:active::before {
  border-color: #6DAD19;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-banner-type-0 {
  overflow: hidden;
}

.sf-com-banner-type-0 .content {
  height: 450px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.sf-com-banner-type-0 .content::after {
  background-color: rgba(255, 255, 255, 0.2);
  content: " ";
  display: block;
  height: 0;
  width: 100%;
  padding-top: 46%;
  left: -30%;
  position: absolute;
  transition: all ease-out 2s;
  transform: rotate(66deg);
  transition-delay: 0.3s;
  z-index: 1;
  pointer-events: none;
}

.sf-com-banner-type-0 .content .banner-card {
  position: relative;
  z-index: 20;
}

.sf-com-banner-type-0 .content .banner-card .card-heading {
  color: #003466;
  font-size: 46px;
}

.sf-com-banner-type-0 .content .banner-card .card-heading .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-banner-type-0 .content .banner-card .card-heading .sub-title {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.7;
  margin: 0 0 40px 0;
}

.sf-com-banner-type-0.type-2 .content {
  height: 680px;
  max-height: 65vh;
}

@media screen and (max-width: 1024px) {
  .sf-com-banner-type-0 .content {
    height: 170px;
    padding: 20px;
  }
  .sf-com-banner-type-0 .content .banner-card .card-heading {
    font-size: 32px;
  }
  .sf-com-banner-type-0 .content .banner-card .card-heading .title {
    font-size: 1em;
  }
  .sf-com-banner-type-0 .content .banner-card .card-heading .sub-title {
    font-size: 0.5em;
  }
  .sf-com-banner-type-0.type-2 .content {
    height: 220px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-dashboard-data {
  background-color: #FFFFFF;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
  padding: 90px 8%;
}

.sf-com-dashboard-data .content .chart {
  margin: 0 10%;
  position: relative;
}

.sf-com-dashboard-data .content .chart .figure {
  height: 0;
  margin-bottom: 1.5em;
  position: relative;
  padding-top: 100%;
}

.sf-com-dashboard-data .content .chart .figure .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
}

.sf-com-dashboard-data .content .chart .figure .number {
  color: #669ACC;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 2em;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.sf-com-dashboard-data .content .chart .figure .number.invi {
  color: transparent;
}

.sf-com-dashboard-data .content .chart .title {
  text-align: center;
  color: #454545;
}

@media screen and (max-width: 1024px) {
  .sf-com-dashboard-data {
    padding: 40px 20px;
  }
  .sf-com-dashboard-data .content .chart {
    margin: 0 0 10px 0;
  }
  .sf-com-dashboard-data .content .chart .figure .number {
    font-size: 1.5em;
  }
  .sf-com-dashboard-data .content .chart .title {
    font-size: 0.8em;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-ajax-loading {
  padding: 50px 20px;
}

.sf-com-ajax-loading .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-ajax-loading .content img {
  display: block;
  height: 30px;
  margin-right: 10px;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-comment-type-2 {
  padding: 20px 50px;
}

.sf-com-comment-type-2 .add-comment-container {
  padding: 20px 0;
  border-top: 2px solid #EEEEEE;
}

.sf-com-comment-type-2 .add-comment-container .average-score {
  font-size: 1em;
}

.sf-com-comment-type-2 .add-comment-container .average-score span {
  margin: 0 8px;
}

.sf-com-comment-type-2 .add-comment-container .average-score .stars {
  display: inline-block;
}

.sf-com-comment-type-2 .add-comment-container .add-score {
  margin: 10px 0;
  padding: 10px 0;
}

.sf-com-comment-type-2 .add-comment-container .add-score .stars {
  display: block;
  width: 140px;
  margin: 20px auto 10px auto;
}

.sf-com-comment-type-2 .add-comment-container .add-score .tips {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-photo {
  width: 10%;
  display: inline-flex;
  display: none;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-photo img {
  text-align: left;
  text-align-last: left;
  max-width: 80px;
  max-height: 80px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #EEEEEE;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment {
  width: 100%;
  vertical-align: top;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment textarea {
  text-align: left;
  text-align-last: left;
  min-height: 180px;
  width: 100%;
  padding: 20px;
  resize: none;
  border: 1px solid #EEEEEE;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment textarea::-webkit-input-placeholder {
  color: #dddddd;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment textarea:-moz-placeholder {
  color: #dddddd;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment textarea:-ms-input-placeholder {
  color: #dddddd;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .no-login {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
  background: rgba(250, 250, 250, 0.3);
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .no-login .login-btn {
  text-align: center;
  display: block;
  margin: 50px 20px 20px;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .no-login .login-btn .links {
  text-decoration: none;
  padding: 12px 40px;
  background: #6DAD19;
  border-radius: 3px;
  font-size: 1em;
  color: #FFFFFF;
  display: inline-block;
}

.sf-com-comment-type-2 .add-comment-container .add-score .add-desc .no-login .tips {
  text-align: center;
  display: block;
  font-size: 14px;
  color: #454545;
}

.sf-com-comment-type-2 .add-comment-container .add-score .btn {
  text-align: right;
  margin: 40px 0;
}

.sf-com-comment-type-2 .add-comment-container .add-score .btn .comment-submit {
  text-decoration: none;
  padding: 12px 40px;
  background: #6DAD19;
  border-radius: 3px;
  font-size: 1em;
  color: #FFFFFF;
}

.sf-com-comment-type-2 .add-comment-container .add-score .btn .comment-submit.disable {
  background: #dddddd;
  pointer-events: none;
}

.sf-com-comment-type-2 .add-comment-container em.error {
  font-size: 12px;
  font-weight: 200;
  margin: 5px 0 0 0;
  color: red;
}

.sf-com-comment-type-2 .latest-comments-container {
  margin: 10px 0;
  padding: 10px 0;
}

.sf-com-comment-type-2 .latest-comments-container .title {
  width: 100%;
  color: #000;
  font-weight: 400;
  font-size: 1.5em;
  padding: 10px 0 15px 0;
  border-bottom: 2px solid #eeeeee;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item {
  padding: 30px 0;
  border-bottom: 1px solid #eeeeee;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .user-info {
  margin-bottom: 20px;
  width: 100%;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .user-info img {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 15px;
  background: #EEEEEE;
  display: none;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .user-info span {
  display: inline-block;
  margin: 0 10px;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .user-info .date {
  display: inline-block;
  font-size: 1em;
  color: #CCCCCC;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item .comments-content {
  padding-left: 48px;
  padding-left: 10px;
}

.sf-com-comment-type-2 .latest-comments-container ul.latest-comments-list li.list-item:last-child {
  border-bottom: 0px solid #eeeeee;
}

@media screen and (max-width: 1024px) {
  .sf-com-comment-type-2 {
    padding: 20px;
  }
  .sf-com-comment-type-2 .add-comment-container .average-score {
    text-align: center;
  }
  .sf-com-comment-type-2 .add-comment-container .add-score .tips {
    text-align: center;
    font-size: 1em;
    margin-bottom: 30px;
  }
  .sf-com-comment-type-2 .add-comment-container .add-score .add-desc {
    text-align: center;
    text-align-last: center;
  }
  .sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-photo {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    display: none;
  }
  .sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-photo img {
    text-align: center;
    text-align-last: center;
    width: 80px;
    height: 80px;
  }
  .sf-com-comment-type-2 .add-comment-container .add-score .add-desc .user-comment {
    display: block;
    width: 100%;
    text-align: center;
  }
  .sf-com-comment-type-2 .add-comment-container .add-score .btn {
    text-align: center;
    margin: 20px 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-main-title {
  padding: 20px 0;
  border-bottom: 1px solid #D9D9D9;
}

.sf-com-detail-main-title .title {
  font-size: 50px;
  padding: 20px 0;
}

.tags-container .tags-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 0;
}

.tags-container .tags-list .list-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 15px 0 0;
  color: #7E8C9A;
}

.tags-container .tags-list .list-item a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  color: #7E8C9A;
  text-decoration: none;
}

.tags-container .tags-list .list-item .icon {
  color: #7E8C9A;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.tags-container .tags-list .list-item .icon img {
  display: block;
  width: 1.2em;
  height: auto;
  margin-right: 5px;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-main-title .content {
    padding: 0 20px;
  }
  .sf-com-detail-main-title .title {
    font-size: 36px;
    line-height: 1.5;
  }
  .sf-com-detail-main-title .tags-container .tags-list {
    font-size: 14px;
    justify-content: center;
  }
  .sf-com-detail-main-title .order-m-0 .tags-container .tags-list {
    justify-content: flex-end;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.share-icons {
  text-align: center;
}

.share-icons .share-icons-list {
  margin: 0;
  padding: 0 0 40px 0;
}

.share-icons .share-icons-list .list-item {
  display: inline-flex;
  margin: 2px;
}

.share-icons .share-icons-list .list-item a {
  text-decoration: none;
}

.share-icons .share-icons-list .list-item a img.grey {
  display: block;
}

.share-icons .share-icons-list .list-item a img.colorful {
  display: none;
}

.share-icons .share-icons-list .list-item:hover a img.grey, .share-icons .share-icons-list .list-item:focus a img.grey, .share-icons .share-icons-list .list-item:active a img.grey {
  display: none;
}

.share-icons .share-icons-list .list-item:hover a img.colorful, .share-icons .share-icons-list .list-item:focus a img.colorful, .share-icons .share-icons-list .list-item:active a img.colorful {
  display: block;
}

.share-box {
  display: none;
  top: 35px;
  background: #FFFFFF;
  left: 0px;
  position: absolute;
  border-radius: 0px;
  padding: 2px 1px 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  z-index: 9;
  min-width: 400px;
}

.share-box .share-icons .share-icons-list {
  padding: 5px 10px;
}

.share-box:before, .share-box:after {
  content: "";
  position: absolute;
  margin-left: 0px;
  width: 0;
  border-bottom: 8px solid rgba(0, 0, 0, 0.1);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  top: -9px;
  left: 20px;
}

.share-box:after {
  border-bottom: 12px solid #ffffff;
  top: -8px;
}

@media screen and (max-width: 1024px) {
  .share-icons {
    padding-bottom: 25px;
  }
  .share-icons .share-icons-list {
    width: 60%;
    margin: 20px auto 0;
  }
  .share-icons .share-icons-list .list-item a img.grey {
    display: none;
  }
  .share-icons .share-icons-list .list-item a img.colorful {
    display: block;
  }
  .share-box {
    min-width: 210px;
    width: 100%;
    display: block;
    top: unset;
    background: #FFFFFF;
    left: unset;
    position: unset;
    border-radius: 0px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    z-index: 9;
  }
  .share-box .share-icons {
    padding-bottom: 0px;
  }
  .share-box .share-icons .share-icons-list {
    width: 210px;
    margin: 0 auto;
  }
  .share-box .share-icons .share-icons-list .list-item a img.grey {
    display: block;
    width: 30px;
    height: 30px;
  }
  .share-box .share-icons .share-icons-list .list-item a img.colorful {
    display: none;
    width: 30px;
    height: 30px;
  }
  .share-box .share-icons .share-icons-list .list-item:hover img.grey, .share-box .share-icons .share-icons-list .list-item:active img.grey, .share-box .share-icons .share-icons-list .list-item:visited img.grey {
    display: none;
  }
  .share-box .share-icons .share-icons-list .list-item:hover img.colorful, .share-box .share-icons .share-icons-list .list-item:active img.colorful, .share-box .share-icons .share-icons-list .list-item:visited img.colorful {
    display: block;
  }
  .share-box:before, .share-box:after {
    display: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-news-content {
  padding: 40px 0 100px;
}

.sf-com-detail-news-content .sf-com-detail-document-content {
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-news-content .content {
    padding: 0 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-left-content {
  color: #454545;
  padding: 0px 0 40px;
  font-size: 18px;
  line-height: 1.8;
}

.sf-com-detail-left-content img {
  display: block;
  max-width: 100%;
  margin: 60px auto 30px auto;
}

.sf-com-detail-left-content .image-intro {
  color: #000000;
  margin-bottom: 20px;
  text-align: center;
}

.sf-com-detail-left-content img + .image-intro {
  margin-top: -20px;
}

.sf-com-detail-left-content p {
  margin-bottom: 10px;
}

.sf-com-detail-left-content .highlight-title {
  background-color: #eff2f7;
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 15px;
  padding: 10px 30px;
  position: relative;
}

.sf-com-detail-left-content .highlight-title::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: 5px solid #689bca;
  border-right: none;
  width: 10px;
}

.sf-com-detail-left-content .highlight-list {
  list-style-type: none;
  margin: 0 0 30px 0;
  padding: 0 0 0 45px;
}

.sf-com-detail-left-content .highlight-list .highlight-key {
  padding-left: 0;
}

.sf-com-detail-left-content .highlight-list .highlight-key::before {
  left: -40px;
}

.sf-com-detail-left-content .highlight-key {
  font-size: 18px;
  position: relative;
  padding-left: 40px;
}

.sf-com-detail-left-content .highlight-key::before {
  background-image: url(/Assets/images/richtext-editor/list-dot-tri.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: " ";
  display: block;
  height: 1em;
  width: 1.5em;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-left-content {
    font-size: 16px;
  }
  .sf-com-detail-left-content .highlight-title {
    background-color: transparent;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 10px 0;
  }
  .sf-com-detail-left-content .highlight-title::before {
    display: none;
  }
  .sf-com-detail-left-content .highlight-key {
    font-size: 16px;
  }
  .sf-com-detail-left-content .highlight-list {
    padding-left: 15px;
  }
  .sf-com-detail-left-content .highlight-list .highlight-key::before {
    display: none;
  }
  .sf-com-detail-left-content .highlight-list .highlight-key::after {
    background-color: #000000;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 3px;
    width: 3px;
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: 1px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-related-news {
  margin-bottom: 40px;
}

.sf-com-detail-related-news .related-title {
  width: 100%;
  color: #000;
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom: 3px solid #6dad19;
  border-image: linear-gradient(to right, #003466 120px, #6dad19 120px);
  -moz-border-image: linear-gradient(to right, #003466 120px, #6dad19 120px);
  -webkit-border-image: linear-gradient(to right, #003466 120px, #6dad19 120px);
  -o-border-image: linear-gradient(to right, #003466 120px, #6dad19 120px);
  border-image-slice: 1;
}

.sf-com-detail-related-news .related-news-card {
  padding: 20px 5px;
  border-bottom: 1px solid #D9D9D9;
  font-size: 18px;
}

.sf-com-detail-related-news .related-news-card .tags-container {
  margin-top: 30px;
}

.sf-com-detail-related-news .related-news-card .tags-container .tags-list {
  font-size: 14px;
}

.sf-com-detail-related-news .related-news-card .tags-container .tags-list .icon img {
  width: 14px;
}

.sf-com-detail-related-news .related-news-card a {
  color: #454545;
  text-decoration: none;
}

.sf-com-detail-related-news .related-news-card a .title {
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.6;
}

.sf-com-detail-related-news .related-news-card a .intro {
  color: #454545;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sf-com-detail-related-news .related-news-card a .intro p {
  margin: 0;
  padding: 0;
}

.sf-com-detail-related-news .related-news-card:hover {
  background: #f8f8f8;
}

.sf-com-detail-related-news .related-news-card:hover a .title {
  color: #76BC21;
}

.sf-com-detail-related-news .related-news-card:last-child {
  border-bottom: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-related-news {
    margin: 0 -20px;
    padding: 20px 0;
  }
  .sf-com-detail-related-news .related-title {
    font-size: 20px;
    padding: 0 20px 15px 20px;
  }
  .sf-com-detail-related-news .related-news-card {
    border-bottom: none;
    padding: 20px;
    font-size: 16px;
  }
  .sf-com-detail-related-news .related-news-card .tags-container {
    margin-top: 10px;
  }
  .sf-com-detail-related-news .related-news-card a .title {
    margin-bottom: 10px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-recommend-news {
  padding: 30px 0;
}

.sf-com-detail-recommend-news .recommend-title {
  width: 100%;
  color: #000;
  font-weight: 400;
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 3px solid #6dad19;
  border-image: linear-gradient(to right, #003466 120px, #6dad19 120px);
  -moz-border-image: linear-gradient(to right, #003466 120px, #6dad19 120px);
  -webkit-border-image: linear-gradient(to right, #003466 120px, #6dad19 120px);
  -o-border-image: linear-gradient(to right, #003466 120px, #6dad19 120px);
  border-image-slice: 1;
}

.sf-com-detail-recommend-news .recommend-news-card {
  padding: 30px 5px 20px 5px;
  border-bottom: 1px solid #D9D9D9;
  font-size: 18px;
}

.sf-com-detail-recommend-news .recommend-news-card a {
  color: #454545;
  text-decoration: none;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-date {
  color: #FFFFFF;
  font-size: 12px;
  margin-bottom: 12px;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-date span {
  background: #6dad19;
  padding: 2px 8px;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-title {
  font-weight: 400;
  margin-bottom: 12px;
  line-height: 1.8;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-intro {
  color: #454545;
  margin-bottom: 12px;
  line-height: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sf-com-detail-recommend-news .recommend-news-card a .re-intro p {
  margin: 0;
  padding: 0;
}

.sf-com-detail-recommend-news .recommend-news-card:hover {
  background: #f8f8f8;
}

.sf-com-detail-recommend-news .recommend-news-card:hover a .re-title {
  color: #76BC21;
}

.sf-com-detail-recommend-news .recommend-news-card:last-child {
  border-bottom: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-recommend-news {
    margin: 0 -20px;
    padding: 20px 0;
  }
  .sf-com-detail-recommend-news .recommend-title {
    padding: 0 20px 15px 20px;
  }
  .sf-com-detail-recommend-news .recommend-news-card {
    font-size: 16px;
    padding: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-related-download {
  padding: 25px 0 90px;
}

.sf-com-detail-related-download .related-title {
  width: 100%;
  color: #000;
  font-weight: 600;
  font-size: 1.8em;
  padding-bottom: 15px;
  border-bottom: 1px solid #D9D9D9;
}

.sf-com-detail-related-download .nextPrev {
  display: inline-flex;
  float: right;
}

.sf-com-detail-related-download .nextPrev a {
  text-decoration: none;
  background: #FFFFFF;
  color: #000000;
  padding: 0px 8px;
  margin: 0 2px;
}

.sf-com-detail-related-download .nextPrev .disable {
  color: #dddddd;
}

.sf-com-detail-related-download .drd-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sf-com-detail-related-download .drd-list .list-item {
  width: 100%;
  background-color: #FFFFFF;
  transition: background-color 0.5s;
  padding: 4% 3% 3% 3%;
  display: flex;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}

.sf-com-detail-related-download .drd-list .list-item a {
  text-decoration: none;
  width: 100%;
}

.sf-com-detail-related-download .drd-list .list-item a .image-box {
  position: absolute;
  right: 5%;
  display: inline-block;
  min-width: 30px;
  height: 40px;
  text-align: center;
  margin-left: 4%;
  background: url(/Assets/images/icons/download-blue.png) no-repeat 0 13px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info {
  display: inline-block;
  text-align: left;
  width: 80%;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .title {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  transition: color 0.2s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .intro {
  font-weight: 400;
  color: #cfcfcf;
  margin-bottom: 5px;
  transition: color 0.2s;
  font-size: 0.8em;
  padding-left: 30px;
  background: url(/Assets/images/detail-icons/other-dl.jpg) no-repeat 0 0px;
  background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .pdf {
  background: url(/Assets/images/detail-icons/pdf-dl.jpg) no-repeat 0 0px;
  background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .docx, .sf-com-detail-related-download .drd-list .list-item a .drd-info .doc {
  background: url(/Assets/images/detail-icons/word-dl.jpg) no-repeat 0 0px;
  background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .pptx, .sf-com-detail-related-download .drd-list .list-item a .drd-info .ppt {
  background: url(/Assets/images/detail-icons/ppt-dl.jpg) no-repeat 0 0px;
  background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .xlsx, .sf-com-detail-related-download .drd-list .list-item a .drd-info .xls {
  background: url(/Assets/images/detail-icons/cel-dl.jpg) no-repeat 0 0px;
  background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .zip, .sf-com-detail-related-download .drd-list .list-item a .drd-info .rar {
  background: url(/Assets/images/detail-icons/zip-dl.jpg) no-repeat 0 0px;
  background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item a .drd-info .other {
  background: url(/Assets/images/detail-icons/other-dl.jpg) no-repeat 0 0px;
  background-size: 16px 16px;
}

.sf-com-detail-related-download .drd-list .list-item:hover {
  background-color: #003466;
  transition: background-color 0.5s;
}

.sf-com-detail-related-download .drd-list .list-item:hover a .drd-info .title {
  color: #FFFFFF;
  transition: color 0.2s;
}

.sf-com-detail-related-download .drd-list .list-item:hover a .drd-info .intro {
  color: #FFFFFF;
  transition: color 0.2s;
}

.sf-com-detail-related-download .drd-list .list-item:hover a .image-box {
  background: url(/Assets/images/icons/download-white.png) no-repeat 0 13px;
}

.sf-com-detail-related-download .drd-list .list-item:last-child {
  border-bottom: 0px solid #eeeeee;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-related-download {
    padding: 40px 20px;
  }
  .sf-com-detail-related-download .drd-list .list-item {
    padding: 20px 0;
    width: 100%;
  }
  .sf-com-detail-related-download .drd-list .list-item .drd-info {
    min-width: 200px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-card-content {
  padding: 40px 0 100px;
  background: #EFF2F7;
}

.sf-com-detail-card-content .row .consulting {
  padding: 15px auto;
  text-align: center;
  background-image: linear-gradient(to right, #3565B0, #669ACC);
  width: 100%;
  position: relative;
  border-radius: 3px;
  margin-bottom: 20px;
}

.sf-com-detail-card-content .row .consulting::after {
  background-color: rgba(109, 173, 25, 0);
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  transition: all linear 0.15s;
  z-index: 1;
}

.sf-com-detail-card-content .row .consulting a {
  text-decoration: none;
  padding: 15px 0;
  display: block;
  position: relative;
  z-index: 6;
}

.sf-com-detail-card-content .row .consulting a .title {
  color: #FFFFFF;
  font-size: 1.5em;
}

.sf-com-detail-card-content .row .consulting a .icon {
  position: relative;
  right: -5px;
  color: #FFFFFF;
  transition: right ease-out 0.2s;
}

.sf-com-detail-card-content .row .consulting:hover::after, .sf-com-detail-card-content .row .consulting:focus::after, .sf-com-detail-card-content .row .consulting:active::after {
  border-radius: 3px;
  background-color: #3565B0;
  width: 100%;
  transition: all linear 0.2s;
}

.sf-com-detail-card-content .row .consulting:hover a .icon, .sf-com-detail-card-content .row .consulting:focus a .icon, .sf-com-detail-card-content .row .consulting:active a .icon {
  right: -10px;
  transition: right ease-out 0.2s;
}

.sf-com-detail-card-content .row .dcc-content {
  background: #FFFFFF;
  border-radius: 1px;
  box-shadow: 3px 5px 8px 3px rgba(0, 0, 0, 0.06);
  margin-bottom: 20px;
}

.sf-com-detail-card-content .row .dcc-content .dcc-title {
  font-size: 36px;
  font-weight: 400;
  padding: 50px 50px 40px;
  border-bottom: 2px solid #eeeeee;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-left-content {
  padding: 40px 50px 50px 50px;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download {
  padding: 20px;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .related-title {
  font-size: 22px;
  font-weight: 400;
  padding-bottom: 10px;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .drd-list .list-item:hover, .sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .drd-list .list-item:focus, .sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .drd-list .list-item:active {
  background-color: #003466;
}

.sf-com-detail-card-content .row .dcc-content .sf-com-detail-related-download .drd-list .list-item:first-child {
  margin-top: 10px;
}

.sf-com-detail-card-content p, .sf-com-detail-card-content a, .sf-com-detail-card-content span, .sf-com-detail-card-content b, .sf-com-detail-card-content strong, .sf-com-detail-card-content i, .sf-com-detail-card-content em {
  max-width: 100% !important;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-card-content .row {
    margin: 0;
  }
  .sf-com-detail-card-content .row .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .sf-com-detail-card-content .row .col-md-9 .dcc-content .dcc-title {
    font-size: 1.8em;
    padding: 30px;
    border-bottom: 2px solid #eeeeee;
  }
  .sf-com-detail-card-content .row .col-md-9 .dcc-content .sf-com-detail-left-content {
    padding: 20px 15px 20px 15px;
  }
  .sf-com-detail-card-content .row .col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-detail-card-content .row .col-md-3 .sf-com-detail-related-download {
    background: #faf9fa;
  }
  .sf-com-detail-card-content .row .col-md-3 .sf-com-detail-related-download .drd-list .list-item {
    padding: 15px;
    border-bottom: 1px solid #ffffff;
    background: #faf9fa;
  }
  .sf-com-detail-card-content .row .col-md-3 .sf-com-detail-related-download .drd-list .list-item:first-child {
    margin-top: 10px;
  }
  .sf-com-detail-card-content .row .col-md-3 .sf-com-detail-related-download .drd-list .list-item:last-child {
    border-bottom: 0px solid #ffffff;
  }
  .sf-com-detail-card-content .row .consulting {
    width: 95%;
    margin: 15px auto;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-service-check {
  padding: 90px 0;
}

.sf-com-teaser-service-check .content {
  position: relative;
  z-index: 10;
}

.sf-com-teaser-service-check .content .com-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.sf-com-teaser-service-check .content .com-heading {
  font-size: 34px;
}

.sf-com-teaser-service-check .content .com-heading .title {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

.sf-com-teaser-service-check .content .com-heading .sub-title {
  font-size: 0.65em;
  font-weight: 200;
  display: inline-block;
  margin: 1em 0 1.5em 0;
}

.sf-com-teaser-service-check .content .com-navi {
  font-size: 18px;
}

.sf-com-teaser-service-check .content .com-navi .nav-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-width: 360px;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item {
  background-color: #f5f9ff;
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  width: 100%;
  transition: all linear 0.3s;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link {
  color: #454545;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  line-height: 3.5;
  padding: 0 50px 0 40px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  transition: all linear 0.3s;
  font-weight: 200;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link .icon {
  height: 1em;
  width: 1em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  position: absolute;
  right: -60px;
  top: 50%;
  margin-top: -0.5em;
  transition: all linear 0.3s;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link .image-icon {
  display: block;
  width: 30px;
  margin-right: 25px;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:hover, .sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:focus, .sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:active {
  background-color: #003466;
  color: #FFFFFF;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:hover .icon, .sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:focus .icon, .sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link:active .icon {
  right: 20px;
}

.sf-com-teaser-service-check .content .com-navi .nav-list .list-item:last-child {
  border-bottom: none;
}

.sf-com-teaser-service-check .content .com-poster {
  background: #FFFFFF;
  padding: 40px;
}

.sf-com-teaser-service-check .content .com-poster .poster-title {
  font-size: 24px;
}

.sf-com-teaser-service-check .content .com-poster .poster-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item {
  border-bottom: 2px solid #85afd6;
  padding: 25px 0;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item:last-child {
  border-bottom: none;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .link {
  color: #454545;
  text-decoration: none;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .link:hover, .sf-com-teaser-service-check .content .com-poster .poster-list .list-item .link:focus, .sf-com-teaser-service-check .content .com-poster .poster-list .list-item .link:active {
  color: #6DAD19;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-title {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 0.6em 0;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-desc {
  font-size: 18px;
  font-weight: 200;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-desc p {
  margin: 0;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .poster-msg-title {
  font-size: 16px;
  margin-bottom: 10px;
}

.sf-com-teaser-service-check .content .com-poster .poster-list .poster-msg-desc {
  font-size: 14px;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-service-check {
    padding: 40px 20px;
  }
  .sf-com-teaser-service-check .content .com-box {
    margin-bottom: 30px;
  }
  .sf-com-teaser-service-check .content .com-heading {
    font-size: 22px;
    text-align: center;
  }
  .sf-com-teaser-service-check .content .com-heading .title {
    font-weight: 200;
  }
  .sf-com-teaser-service-check .content .com-navi {
    font-size: 14px;
  }
  .sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link {
    padding: 0 20px;
  }
  .sf-com-teaser-service-check .content .com-navi .nav-list .list-item .link .image-icon {
    margin-right: 20px;
    width: 20px;
  }
  .sf-com-teaser-service-check .content .com-poster {
    padding: 20px;
  }
  .sf-com-teaser-service-check .content .com-poster .poster-title {
    font-size: 20px;
  }
  .sf-com-teaser-service-check .content .com-poster .poster-list .list-item {
    border-bottom-width: 1px;
    padding: 20px 0;
  }
  .sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-title {
    font-size: 22px;
  }
  .sf-com-teaser-service-check .content .com-poster .poster-list .list-item .poster-desc {
    font-size: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-related-image-text {
  padding: 20px;
}

.sf-com-detail-related-image-text .related-title {
  width: 100%;
  color: #000;
  font-weight: 400;
  font-size: 24px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #C0C0C0;
}

.sf-com-detail-related-image-text .drit-list {
  width: 100%;
  margin: 15px 0;
}

.sf-com-detail-related-image-text .drit-list .list-item {
  width: 100%;
  margin: 20px 0;
}

.sf-com-detail-related-image-text .drit-list .list-item a {
  width: 100%;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sf-com-detail-related-image-text .drit-list .list-item a .img {
  height: 110px;
  width: 47%;
  display: block;
}

.sf-com-detail-related-image-text .drit-list .list-item a .intro {
  display: flex;
  font-size: 18px;
  flex-direction: column;
  width: 48%;
  vertical-align: top;
  padding: 10px 0;
}

.sf-com-detail-related-image-text .drit-list .list-item a .intro p {
  color: #454545;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sf-com-detail-related-image-text .drit-list .list-item:hover {
  background: #f8f8f8;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-related-image-text {
    padding: 20px;
  }
  .sf-com-detail-related-image-text .related-title {
    padding: 0 20px 15px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-related-products-solutions {
  padding: 20px;
}

.sf-com-detail-related-products-solutions .related-title {
  width: 100%;
  color: #000;
  font-weight: 400;
  font-size: 24px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #C0C0C0;
}

.sf-com-detail-related-products-solutions .drps-content {
  width: 100%;
  padding: 20px 0;
}

.sf-com-detail-related-products-solutions .drps-content .drps-list {
  width: 100%;
  list-style: none;
  padding: 0;
}

.sf-com-detail-related-products-solutions .drps-content .drps-list .list-item {
  width: 100%;
  padding: 10px 0;
}

.sf-com-detail-related-products-solutions .drps-content .drps-list .list-item a {
  color: #000000;
  text-decoration: none;
  display: block;
  font-size: 18px;
  padding-left: 20px;
  background: url(/Assets/images/detail-icons/dot-black.png) no-repeat 0 -4px;
  background-size: 18px 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sf-com-detail-related-products-solutions .drps-content .drps-list .list-item:hover {
  background: #f8f8f8;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-related-products-solutions {
    padding: 20px;
  }
  .sf-com-detail-related-products-solutions .related-title {
    padding: 0 20px 15px 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-teaser-social-share {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 7px;
  margin: 10px 0;
  padding: 20px;
}

.sf-com-teaser-social-share .sf-com-social-icons .content .icon-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item {
  margin: 0 5px;
}

.sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item .link {
  background-color: #dddddd;
  margin: 0;
}

.sf-com-teaser-social-share.type-2 .sf-com-social-icons .content .icon-list .list-item {
  margin: 5px;
}

.sf-com-teaser-social-share .wechat {
  position: relative;
  color: #fff;
  border-color: #7bc549;
  background: #7bc549;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  top: -205px;
  left: -84px;
  width: 200px;
  height: 192px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode.bottom {
  top: 40px;
  left: -84px;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode.bottom:after {
  display: none;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode .qrcode {
  width: 105px;
  margin: 10px auto;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode .help p {
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0;
}

.sf-com-teaser-social-share .wechat .wechat-qrcode:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.sf-com-teaser-social-share .wechat:hover .wechat-qrcode {
  display: block;
}

@media screen and (max-width: 1024px) {
  .sf-com-teaser-social-share .sf-com-social-icons .content .icon-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item {
    margin: 0 3px 10px 3px;
    width: auto;
    padding: 0;
  }
  .sf-com-teaser-social-share .sf-com-social-icons .content .icon-list .list-item .link {
    padding: 5px;
  }
  .sf-com-teaser-social-share.type-2 .sf-com-social-icons .content .icon-list .list-item {
    width: auto;
  }
  .sf-com-teaser-social-share.type-2 .sf-com-social-icons .content .icon-list .list-item .link {
    padding: 20%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-document-content {
  padding: 40px 0 100px;
}

.sf-com-detail-document-content .title h3 {
  margin-bottom: 24px;
}

.sf-com-detail-document-content .document-intro {
  font-size: 18px;
  padding: 20px;
  background: #F0F0F0;
  margin-bottom: 30px;
}

.sf-com-detail-document-content .document-intro .di-list {
  margin: 0 0 10px 0;
  padding: 0;
}

.sf-com-detail-document-content .document-intro .di-list li.list-item {
  display: inline-block;
  font-size: 1em;
  padding: 0 5px;
  border-right: 1px solid #000000;
  line-height: 1em;
}

.sf-com-detail-document-content .document-intro .di-list li.list-item .stars {
  padding-left: 5px;
}

.sf-com-detail-document-content .document-intro .di-list li.list-item .stars #document-half-read-only {
  display: inline-block;
}

.sf-com-detail-document-content .document-intro .di-list li.list-item:last-child {
  border-right: 0px solid #000000;
}

.sf-com-detail-document-content .document-intro .di-list .middle ul {
  margin: 0;
  padding: 0;
}

.sf-com-detail-document-content .document-intro .di-list .middle ul li {
  display: inline-block;
  border-right: 1px solid #000000;
  margin: 0 5px;
  padding: 0 10px 0 5px;
  font-size: 1em;
  line-height: 1em;
}

.sf-com-detail-document-content .document-intro .di-list .middle ul li:last-child {
  margin: 0 5px;
  border-right: 0px solid #000000;
  padding-right: 5px;
}

.sf-com-detail-document-content .document-intro .di-intro {
  padding: 0 5px;
  font-size: 1em;
  color: #999999;
}

.sf-com-detail-document-content .add-score {
  margin-top: 60px;
}

.sf-com-detail-document-content .add-score h3 {
  font-size: 24px;
  margin: 20px 0;
}

.sf-com-detail-document-content .add-score .stars {
  margin-bottom: 30px;
}

.sf-com-detail-document-content .add-score .add-desc {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.sf-com-detail-document-content .add-score .add-desc .user-comment textarea {
  min-height: 180px;
  width: 100%;
  padding: 20px;
  resize: none;
  border: 1px solid #EEEEEE;
}

.sf-com-detail-document-content .add-score .add-desc .no-login {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
  background: rgba(250, 250, 250, 0.3);
}

.sf-com-detail-document-content .add-score .add-desc .no-login .login-btn {
  text-align: center;
  display: block;
  margin: 50px 20px 20px;
}

.sf-com-detail-document-content .add-score .add-desc .no-login .login-btn .links {
  text-decoration: none;
  padding: 12px 40px;
  background: #6DAD19;
  border-radius: 3px;
  font-size: 1em;
  color: #FFFFFF;
  display: inline-block;
}

.sf-com-detail-document-content .add-score .add-desc .no-login .tips {
  text-align: center;
  display: block;
  font-size: 14px;
  color: #454545;
}

.sf-com-detail-document-content .add-score .btn {
  text-align: right;
  margin: 40px 0;
}

.sf-com-detail-document-content .add-score .btn .comment-submit {
  text-decoration: none;
  padding: 12px 40px;
  background: #6DAD19;
  border-radius: 3px;
  font-size: 1em;
  color: #FFFFFF;
}

.sf-com-detail-document-content .add-score .btn .comment-submit.disable {
  background: #dddddd;
  pointer-events: none;
}

.sf-com-detail-document-content .latest-comments-container {
  margin: 10px 0;
  padding: 10px 0;
}

.sf-com-detail-document-content .latest-comments-container .title {
  width: 100%;
  color: #000;
  font-weight: 400;
  font-size: 1.5em;
  padding: 10px 0 15px 0;
  border-bottom: 2px solid #eeeeee;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item {
  padding: 30px 0;
  border-bottom: 1px solid #eeeeee;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .user-info {
  margin-bottom: 20px;
  width: 100%;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .user-info img {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 15px;
  background: #EEEEEE;
  display: none;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .user-info span {
  display: inline-block;
  margin: 0 10px;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .user-info .date {
  display: inline-block;
  font-size: 1em;
  color: #CCCCCC;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item .comments-content {
  padding-left: 48px;
  padding-left: 10px;
}

.sf-com-detail-document-content .latest-comments-container ul.latest-comments-list li.list-item:last-child {
  border-bottom: 0px solid #eeeeee;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-document-content .title {
    font-size: 20px;
  }
  .sf-com-detail-document-content .title h1, .sf-com-detail-document-content .title h2, .sf-com-detail-document-content .title h3, .sf-com-detail-document-content .title h4, .sf-com-detail-document-content .title h5, .sf-com-detail-document-content .title h6 {
    font-size: 1em;
    font-weight: 400;
  }
  .sf-com-detail-document-content .document-intro {
    font-size: 16px;
    padding: 15px 10px;
  }
  .sf-com-detail-document-content .document-intro .di-list {
    margin: 0 0 15px 0;
  }
  .sf-com-detail-document-content .document-intro .di-list li.list-item {
    border-right: 0px solid #000000;
    display: block;
    margin-bottom: 10px;
    padding: 0;
  }
  .sf-com-detail-document-content .document-intro .di-list li.list-item:first-child {
    margin-bottom: 20px;
  }
  .sf-com-detail-document-content .document-intro .di-list .middle ul {
    margin: 0;
    padding: 0;
    display: block;
  }
  .sf-com-detail-document-content .document-intro .di-list .middle ul li {
    margin: 0;
    padding: 0 5px;
  }
  .sf-com-detail-document-content .document-intro .di-list .middle ul li:first-child {
    margin-left: 0;
    padding-left: 0;
  }
  .sf-com-detail-document-content .document-intro .di-list .middle ul li:last-child {
    border-right: 0px solid #000000;
  }
  .sf-com-detail-document-content .online-container-wrap .sf-com-qdoc-viewer .content {
    padding: 0;
    margin: 0 -20px;
  }
  .sf-com-detail-document-content .add-score > h1, .sf-com-detail-document-content .add-score > h2, .sf-com-detail-document-content .add-score > h3, .sf-com-detail-document-content .add-score > h4, .sf-com-detail-document-content .add-score > h5, .sf-com-detail-document-content .add-score > h6 {
    font-size: 24px;
    font-weight: 400;
  }
  .sf-com-detail-document-content .add-score .stars {
    margin-bottom: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-related-document {
  padding: 20px;
  background: #F0F0F0;
  margin-bottom: 30px;
  position: relative;
  background: #eff2f7;
}

.sf-com-detail-related-document .com-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.sf-com-detail-related-document .com-heading .related-title {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}

.sf-com-detail-related-document .com-heading .nextPrev {
  display: inline-flex;
  float: right;
}

.sf-com-detail-related-document .com-heading .nextPrev a {
  text-decoration: none;
  background: #FFFFFF;
  color: #000000;
  padding: 0px 8px;
  margin: 0 2px;
}

.sf-com-detail-related-document .com-heading .nextPrev .disable {
  color: #dddddd;
}

.drdc-list {
  font-size: 14px;
  font-weight: 200;
  padding: 0;
  margin: 0;
}

.drdc-list .item {
  padding-bottom: 10px;
}

.drdc-list .item a {
  display: block;
  text-decoration: none;
  color: #000000;
}

.drdc-list .item a .drdc-info .title {
  font-size: 1em;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 25px;
  margin-bottom: 5px;
  background: url(/Assets/images/detail-icons/other-dl.jpg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .pdf {
  background: url(/Assets/images/detail-icons/pdf-dl.jpg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .docx, .drdc-list .item a .drdc-info .doc {
  background: url(/Assets/images/detail-icons/word-dl.jpg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .pptx, .drdc-list .item a .drdc-info .ppt {
  background: url(/Assets/images/detail-icons/ppt-dl.jpg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .xlsx, .drdc-list .item a .drdc-info .xls {
  background: url(/Assets/images/detail-icons/cel-dl.jpg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .zip, .drdc-list .item a .drdc-info .rar {
  background: url(/Assets/images/detail-icons/zip-dl.jpg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .other {
  background: url(/Assets/images/detail-icons/other-dl.jpg) no-repeat 0 4px;
  background-size: 16px 16px;
}

.drdc-list .item a .drdc-info .score-star {
  font-size: 0.9em;
  color: #7E8C9A;
  padding-left: 20px;
}

.drdc-list .item a .drdc-info .score-star .stars .rd-half-read-only {
  display: inline-block;
}

.drdc-list .drdc-hide {
  display: none;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-ranking-document-download {
  padding: 20px;
  background: #F0F0F0;
  margin-bottom: 30px;
  position: relative;
}

.sf-com-detail-ranking-document-download .com-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.sf-com-detail-ranking-document-download .related-title {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}

.sf-com-detail-ranking-document-download .nextPrev {
  display: inline-flex;
  float: right;
}

.sf-com-detail-ranking-document-download .nextPrev a {
  text-decoration: none;
  background: #FFFFFF;
  color: #000000;
  padding: 0px 8px;
  margin: 0 2px;
}

.sf-com-detail-ranking-document-download .nextPrev .disable {
  color: #dddddd;
}

.sf-com-detail-ranking-document-download .drdc-list {
  list-style-type: none;
  font-weight: 200;
  font-size: 14px;
  vertical-align: top;
  counter-reset: line-number;
}

.sf-com-detail-ranking-document-download .drdc-list .item {
  padding-left: 20px;
  position: relative;
  counter-increment: line-number;
}

.sf-com-detail-ranking-document-download .drdc-list .item .line-number {
  height: 1.5em;
  line-height: 1.5em;
  text-align: left;
  position: absolute;
  top: 3px;
  left: 0;
}

.sf-com-detail-ranking-document-download .drdc-list .item a .drdc-info .count {
  display: inline-flex;
}

.sf-com-detail-ranking-document-download .drdc-list .item a .drdc-info .score-star {
  padding-left: 0;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-video-content .content {
  padding: 40px 0 100px;
}

.sf-com-detail-video-content .left-video-content {
  background: #FFFFFF;
}

.sf-com-detail-video-content .left-video-content .video-wrapper .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  font-size: 6em;
  line-height: 1.15em;
  height: 1.3em;
  width: 1.3em;
  border: 0.06666em solid rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.65em;
  margin-left: -0.65em;
  margin-top: -0.65em;
}

.sf-com-detail-video-content .left-video-content .video-wrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  color: rgba(43, 51, 63, 0.6);
}

.sf-com-detail-video-content .left-video-content .video-wrapper .video-js .vjs-poster {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sf-com-detail-video-content .left-video-content .title {
  font-size: 32px;
  font-weight: 400;
  line-height: 2em;
  padding: 20px 0;
  border-bottom: 2px dashed #C0C0C0;
  border-image-source: url(/Assets/images/detail-icons/dashed.png);
  border-image-slice: 1;
  border-image-repeat: repeat;
  color: #000000;
  margin: 0 30px;
}

.sf-com-detail-video-content .left-video-content .video-intro {
  padding: 30px;
}

.sf-com-detail-video-content .left-video-content .video-intro .dv-list {
  display: block;
  position: relative;
  min-height: 100px;
}

.sf-com-detail-video-content .left-video-content .video-intro .dv-list a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  height: 70px;
  margin-right: 27px;
  position: absolute;
  top: 0;
  left: 0;
}

.sf-com-detail-video-content .left-video-content .video-intro .dv-list a .btn {
  display: block;
  padding: 20px 60px;
  background: #6DAD19;
}

.sf-com-detail-video-content .left-video-content .video-intro .dv-list .intro {
  vertical-align: top;
  line-height: 1.5;
  display: inline-flex;
  font-size: 18px;
  width: 100%;
  padding-left: 200px;
}

.sf-com-detail-video-content .left-video-content .video-intro .share-container {
  position: relative;
  width: 200px;
}

.sf-com-detail-video-content .left-video-content .video-intro .share-container .share-btn {
  font-size: 1.2em;
  color: #669acc;
  cursor: pointer;
  padding-left: 30px;
  background: url(/Assets/images/detail-icons/share-blue.png) no-repeat 0 5px;
  padding-bottom: 20px;
}

.sf-com-detail-video-content .left-video-content .video-intro .share-container:hover .share-btn {
  color: #003466;
  background: url(/Assets/images/detail-icons/share-deepblue.png) no-repeat 0 5px;
}

.sf-com-detail-video-content .left-video-content .video-intro .share-container:hover .share-box {
  display: block;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-video-content {
    background: #eff2f7;
  }
  .sf-com-detail-video-content .content {
    padding: 0 20px;
  }
  .sf-com-detail-video-content .content .left-video-content {
    margin: 0 -20px;
  }
  .sf-com-detail-video-content .content .left-video-content .title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 20px 0 20px;
  }
  .sf-com-detail-video-content .content .left-video-content .video-intro {
    padding: 20px;
  }
  .sf-com-detail-video-content .content .left-video-content .video-intro .dv-list {
    position: unset;
    margin-bottom: 20px;
  }
  .sf-com-detail-video-content .content .left-video-content .video-intro .dv-list a {
    position: unset;
    top: unset;
    left: unset;
    width: 100%;
    display: block;
    font-size: 18px;
    margin: 0 0 20px 0;
  }
  .sf-com-detail-video-content .content .left-video-content .video-intro .dv-list a .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 28px 60px;
  }
  .sf-com-detail-video-content .content .left-video-content .video-intro .dv-list .intro {
    font-size: 17px;
    line-height: 30px;
    display: block;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 20px;
  }
  .sf-com-detail-video-content .content .left-video-content .video-intro .share-container {
    display: block;
    position: unset;
    text-align: center;
    border-top: 1px solid #dddddd;
    padding-top: 20px;
    width: 100%;
  }
  .sf-com-detail-video-content .content .left-video-content .video-intro .share-container .share-btn {
    width: 78px;
    margin: 0 auto;
  }
  .sf-com-detail-video-content .content .sf-com-detail-related-video {
    padding: 40px 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-related-video {
  padding: 0;
}

.sf-com-detail-related-video .related-title {
  width: 100%;
  color: #000;
  font-weight: 400;
  font-size: 24px;
  padding: 0 0 15px 0;
  border-bottom: 4px solid #669ACC;
}

.sf-com-detail-related-video .drv-list {
  width: 100%;
  margin: 26px 0;
}

.sf-com-detail-related-video .drv-list .list-item {
  width: 100%;
  margin: 26px 0;
}

.sf-com-detail-related-video .drv-list .list-item a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  background: #f5f8ff;
}

.sf-com-detail-related-video .drv-list .list-item a .img {
  height: 120px;
  width: 50%;
  display: block;
  position: relative;
}

.sf-com-detail-related-video .drv-list .list-item a .img .rv-btn {
  position: absolute;
  top: 43px;
  left: 50%;
  margin-left: -10px;
  z-index: 6;
}

.sf-com-detail-related-video .drv-list .list-item a .img .rv-btn img {
  width: 20px;
  height: 24px;
}

.sf-com-detail-related-video .drv-list .list-item a .intro {
  display: inline-block;
  width: 46%;
  padding: 13px 2% 12px 0;
  vertical-align: top;
}

.sf-com-detail-related-video .drv-list .list-item a .intro p {
  font-size: 16px;
  color: #454545;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.8;
  margin: 0;
}

.sf-com-detail-related-video .drv-list .list-item:hover a {
  background: #FFFFFF;
}

.sf-com-detail-related-video .drv-btn {
  display: none;
}

.sf-com-detail-related-video .drv-btn .rvMore {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 60px;
  background: #FFFFFF;
  color: #6DAD19;
  display: block;
  font-size: 17px;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-related-video {
    background-color: #EFF2F7;
    padding: 40px 20px;
  }
  .sf-com-detail-related-video .related-title {
    padding: 15px 0 22px 0;
  }
  .sf-com-detail-related-video .drv-list {
    margin: 26px 0;
  }
  .sf-com-detail-related-video .drv-list .list-item a {
    display: block;
    height: auto;
  }
  .sf-com-detail-related-video .drv-list .list-item a .img {
    height: 193px;
    width: 100%;
    margin-right: unset;
    display: block;
  }
  .sf-com-detail-related-video .drv-list .list-item a .img .rv-btn {
    top: 77px;
    margin-left: -23px;
  }
  .sf-com-detail-related-video .drv-list .list-item a .img .rv-btn img {
    width: 39px;
    height: 47px;
  }
  .sf-com-detail-related-video .drv-list .list-item a .intro {
    display: block;
    width: 100%;
    padding: 20px 15px;
    vertical-align: unset;
    height: auto;
  }
  .sf-com-detail-related-video .drv-list .list-item a .intro p {
    font-size: 16px;
    margin-bottom: 0;
    overflow: unset;
    display: block;
    color: #000000;
  }
  .sf-com-detail-related-video .drv-list .list-item:hover {
    background: #FFFFFF;
  }
  .sf-com-detail-related-video .drv-list .hideRv {
    display: none;
  }
  .sf-com-detail-related-video .drv-btn {
    display: block;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-detail-latest-video {
  padding: 90px 0;
}

.sf-com-detail-latest-video .latest-video-card {
  margin: 5px 0;
}

.sf-com-detail-latest-video .latest-video-card a {
  color: #000000;
  text-decoration: none;
}

.sf-com-detail-latest-video .latest-video-card a .latest-video-image {
  height: 240px;
  position: relative;
}

.sf-com-detail-latest-video .latest-video-card a .latest-video-image .rv-btn {
  position: absolute;
  top: 97px;
  left: 50%;
  margin-left: -20px;
  z-index: 6;
}

.sf-com-detail-latest-video .latest-video-card a .latest-video-image .rv-btn img {
  width: 39px;
  height: 47px;
}

.sf-com-detail-latest-video .latest-video-card a .white-common-content {
  width: 100%;
  background: #FFFFFF;
  padding: 20px 20px;
}

.sf-com-detail-latest-video .latest-video-card a .white-common-content .title {
  font-size: 24px;
  line-height: 1.8;
  font-weight: 400;
  padding: 10px 0 0 0;
}

.sf-com-detail-latest-video .latest-video-card a .white-common-content .title:after {
  background-color: rgba(109, 173, 25, 0);
  content: " ";
  display: block;
  height: 2px;
  width: 0;
  transition: all linear 0.15s;
  z-index: 1;
  margin-top: 5px;
}

.sf-com-detail-latest-video .latest-video-card:hover .white-common-content .title:after {
  border-radius: 3px;
  background-color: #6dad19;
  width: 50%;
  transition: all linear 0.2s;
}

@media screen and (max-width: 1024px) {
  .sf-com-detail-latest-video {
    background: #F1F9FE;
    padding: 40px 20px;
  }
  .sf-com-detail-latest-video .row .latest-video-card a .latest-video-image {
    height: 200px;
    position: relative;
  }
  .sf-com-detail-latest-video .row .latest-video-card a .latest-video-image .rv-btn {
    top: 80px;
    margin-left: -23px;
  }
  .sf-com-detail-latest-video .row .latest-video-card a .latest-video-image .rv-btn img {
    width: 39px;
    height: 47px;
  }
  .sf-com-detail-latest-video .row .latest-video-card a .white-common-content {
    width: 100%;
    background: #EAF1FD;
    padding: 20px;
  }
  .sf-com-detail-latest-video .row .latest-video-card a .white-common-content .title {
    font-size: 1.4em;
    line-height: 1.8em;
    font-weight: 400;
    padding: 0;
  }
  .sf-com-detail-latest-video .row .latest-video-card a .white-common-content .title:after {
    background-color: rgba(109, 173, 25, 0);
    content: " ";
    display: block;
    height: 2px;
    width: 0;
    transition: all linear 0.15s;
    z-index: 1;
    margin-top: 5px;
  }
  .sf-com-detail-latest-video .row .latest-video-card:hover .white-common-content .title:after {
    border-radius: 3px;
    background-color: #6dad19;
    width: 50%;
    transition: all linear 0.2s;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-cbc-card {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.sf-com-cbc-card .cbc-content .cbc-img {
  position: relative;
  height: 220px;
}

.sf-com-cbc-card .cbc-content .cbc-img .tags {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FFFFFF;
  z-index: 9;
  background: RGBA(0, 0, 0, 0.4);
  padding: 5px 20px 3px;
  font-size: 12px;
}

.sf-com-cbc-card .cbc-content .cbc-info {
  width: 100%;
  background-color: #FFFFFF;
  padding: 30px 40px 30px 40px;
}

.sf-com-cbc-card .cbc-content .cbc-info .title {
  padding: 0;
  font-size: 22px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
}

.sf-com-cbc-card .cbc-content .cbc-info .intro {
  margin: 16px 0 0 0;
  font-weight: 200;
  font-size: 16px;
  line-height: 1.8em;
  height: 5.4em;
  overflow: hidden;
  color: #000000;
}

.sf-com-cbc-card .sf-cross-btn-2 {
  width: 100%;
  cursor: pointer;
  background-color: #d6d8e5;
  display: inline-block;
  font-size: 16px;
  height: 4em;
  line-height: 4em;
  text-align: center;
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 0;
  text-decoration: none;
  color: #7099c0;
}

.sf-com-cbc-card .sf-cross-btn-2 span {
  color: #003466;
  display: block;
  font-weight: 200;
  text-transform: uppercase;
  transition: color 0.3s ease;
  text-decoration: none;
  position: relative;
  z-index: 1;
  width: 35%;
}

.sf-com-cbc-card .sf-cross-btn-2 em {
  position: absolute;
  height: 1px;
  background: #669ACC;
  width: 60%;
  right: 5%;
  top: 50%;
  transition: all 0.3s ease;
  z-index: 1;
}

.sf-com-cbc-card .sf-cross-btn-2:before, .sf-com-cbc-card .sf-cross-btn-2:after {
  content: '';
  background: #003466;
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-cbc-card .sf-cross-btn-2:before {
  top: 0;
  left: 0;
  right: auto;
}

.sf-com-cbc-card .sf-cross-btn-2:after {
  bottom: 0;
  right: 0;
  left: auto;
}

.sf-com-cbc-card:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.sf-com-cbc-card:hover .sf-cross-btn-2 {
  text-decoration: none;
}

.sf-com-cbc-card:hover .sf-cross-btn-2:before {
  width: 100%;
  right: 0;
  left: auto;
}

.sf-com-cbc-card:hover .sf-cross-btn-2:after {
  width: 100%;
  left: 0;
  right: auto;
}

.sf-com-cbc-card:hover .sf-cross-btn-2 span {
  color: #FFFFFF;
}

.sf-com-cbc-card:hover .sf-cross-btn-2 em {
  background: #FFFFFF;
}

.sf-com-cbc-card.type-2 .cbc-content .cbc-info {
  background-color: #d6d9e5;
}

.sf-com-cbc-card.type-2 .sf-cross-btn-2 {
  background-color: #FFFFFF;
}

.sf-com-cbc-card.type-3 .cbc-content {
  position: relative;
  background: #000000;
}

.sf-com-cbc-card.type-3 .cbc-content .cbc-img {
  height: 480px;
}

.sf-com-cbc-card.type-3 .cbc-content .cbc-img .sf-com-motional-image {
  transition: opacity linear 0.3s;
}

.sf-com-cbc-card.type-3 .cbc-content .cbc-img .cbc-info {
  padding: 0 35px 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100%);
  z-index: 7;
}

.sf-com-cbc-card.type-3 .cbc-content .cbc-img .cbc-info .title {
  font-size: 22px;
  color: #FFFFFF;
}

.sf-com-cbc-card.type-3 .cbc-content:hover .cbc-img .sf-com-motional-image {
  opacity: 0.8;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-img {
  height: 180px;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-img .tags {
  bottom: unset;
  right: unset;
  left: 20px;
  top: 10px;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-info {
  padding: 20px;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-info .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.sf-com-cbc-card.no-link .cbc-content .cbc-info .intro {
  margin: 10px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sf-com-cbc-card.no-link .cbc-content:hover, .sf-com-cbc-card.no-link .cbc-content:focus, .sf-com-cbc-card.no-link .cbc-content:active {
  box-shadow: 5px 3px 10px 0 rgba(0, 0, 0, 0.1);
  background: rgba(212, 227, 240, 0.8);
}

@media screen and (max-width: 1024px) {
  .sf-com-cbc-card .cbc-content .cbc-img {
    height: 180px;
  }
  .sf-com-cbc-card .cbc-content .cbc-info {
    padding: 20px;
  }
  .sf-com-cbc-card .cbc-content .cbc-info .title {
    font-size: 20px;
    line-height: 1.4em;
  }
  .sf-com-cbc-card .cbc-content .cbc-info .intro {
    margin: 14px 0 0 0;
    font-weight: 200;
    line-height: 2em;
    height: 6em;
    font-size: 14px;
  }
  .sf-com-cbc-card .sf-cross-btn-2 {
    font-size: 14px;
    height: 3em;
    line-height: 3em;
  }
  .sf-com-cbc-card .sf-cross-btn-2 em {
    background: #003466;
  }
  .sf-com-cbc-card .sf-cross-btn-2 span {
    font-weight: 400;
    color: #003466;
  }
  .sf-com-cbc-card.type-3 {
    padding: 0 5px;
  }
  .sf-com-cbc-card.type-3 .cbc-content .cbc-img {
    height: 350px;
  }
  .sf-com-cbc-card.type-3 .cbc-content .cbc-img .sf-com-motional-image {
    transition: opacity linear 0.3s;
  }
  .sf-com-cbc-card.type-3 .cbc-content .cbc-img .cbc-info {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 100%);
  }
  .sf-com-cbc-card.type-3 .cbc-content .cbc-img .cbc-info .title {
    font-size: 22px;
    font-weight: 200;
    line-height: 1.4;
  }
  .sf-com-cbc-card.type-3 .cbc-content:hover .cbc-img .sf-com-motional-image {
    opacity: 0.8;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-case-center-content {
  padding: 95px 0 65px;
}

.sf-com-case-center-content.type-2 .sf-title-block {
  margin-bottom: 60px;
}

@media screen and (max-width: 1024px) {
  .sf-com-case-center-content {
    padding: 20px 0 0 0;
  }
  .sf-com-case-center-content .row {
    margin: 0;
  }
  .sf-com-case-center-content .row .sf-com-cbc-card {
    margin-bottom: 15px;
  }
  .sf-com-case-center-content.type-1 .sf-container .content .sf-title-block {
    margin: 20px 0;
  }
  .sf-com-case-center-content.type-2 {
    padding: 10px 0 30px 0;
  }
  .sf-com-case-center-content.type-2 .sf-title-block {
    margin-bottom: 0px;
  }
  .sf-com-case-center-content.type-2 .sf-title-block .title {
    margin-bottom: 20px;
  }
  .sf-com-case-center-content.type-2 .sf-com-cbc-card .cbc-content .cbc-info .title {
    font-size: 16px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-slider-hot-case {
  padding: 80px 0;
}

.sf-com-slider-hot-case .slick-slider {
  position: relative;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow {
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  z-index: 90;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow::after {
  font-size: 16px;
  content: " ";
  display: block;
  height: 1em;
  width: 1em;
  border-left: 2px solid #454545;
  border-bottom: 2px solid #454545;
  position: absolute;
  transition: all linear 0.3s;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow.prev {
  left: 0;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow.prev::after {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -0.55em;
  left: 50%;
  margin-left: 0em;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow.next {
  right: 0;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow.next::after {
  transform: rotate(-135deg);
  top: 50%;
  left: 50%;
  margin-top: -0.55em;
  margin-left: -0.7em;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow:hover {
  background-color: #FFFFFF;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow:hover.prev::after {
  margin-left: -0.65em;
}

.sf-com-slider-hot-case .slick-slider .slick-arrow:hover.next::after {
  margin-left: -0.2em;
}

.sf-com-slider-hot-case .basic-list {
  list-style-type: none;
  margin: 0;
  padding: 0 50px;
  overflow: hidden;
}

.sf-com-slider-hot-case .basic-list .list-item {
  float: left;
  padding: 10px 20px;
}

.sf-com-slider-hot-case .basic-list .slick-list {
  overflow: hidden;
}

.sf-com-slider-hot-case .basic-list .slick-list .slick-track {
  overflow: hidden;
}

.sf-com-slider-hot-case .basic-list .slick-list .slick-track .slick-slide {
  float: left;
  overflow: hidden;
}

.sf-com-slider-hot-case .basic-list .slick-list .slick-track .slick-slide:focus, .sf-com-slider-hot-case .basic-list .slick-list .slick-track .slick-slide:active {
  outline: none;
}

.sf-com-slider-hot-case .sf-com-cbc-card {
  max-width: 463px;
  margin: 0 auto 15px auto;
}

@media screen and (max-width: 1024px) {
  .sf-com-slider-hot-case {
    padding: 20px 20px 40px;
  }
  .sf-com-slider-hot-case .slick-slider .slick-arrow {
    height: 35px;
    width: 35px;
  }
  .sf-com-slider-hot-case .slick-slider .slick-arrow.prev {
    left: 10px;
    top: 25%;
  }
  .sf-com-slider-hot-case .slick-slider .slick-arrow.prev::after {
    margin-left: -0.2em;
  }
  .sf-com-slider-hot-case .slick-slider .slick-arrow.next {
    right: 10px;
    top: 25%;
  }
  .sf-com-slider-hot-case .basic-list {
    padding: 0 0px;
  }
  .sf-com-slider-hot-case .basic-list .list-item {
    padding: 10px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-banner-type-6 .bt-container {
  background-color: #000000;
  position: relative;
  height: 450px;
}

.sf-com-banner-type-6 .bt-container .bt-title {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 12;
  margin-top: -3em;
}

.sf-com-banner-type-6 .bt-container .bt-title .title {
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #FFFFFF;
}

.sf-com-banner-type-6 .bt-container .bt-title .sub-title {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #FFFFFF;
}

.sf-com-banner-type-6 .bt-container .sf-com-motional-image {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .sf-com-banner-type-6 .bt-container {
    height: 268px;
  }
  .sf-com-banner-type-6 .bt-container .bt-title {
    padding: 0 10%;
  }
  .sf-com-banner-type-6 .bt-container .bt-title .title {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .sf-com-banner-type-6 .bt-container .bt-title .sub-title {
    line-height: 24px;
    margin-bottom: 20px;
  }
  .sf-com-banner-type-6.type-2 .bt-container {
    height: 200px;
  }
  .sf-com-banner-type-6.type-2 .bt-container .bt-title {
    padding: 0 10%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-query-card-content {
  padding: 78px 0 125px;
}

.sf-com-query-card-content .form-control {
  border-radius: 0;
}

.sf-com-query-card-content .row {
  max-width: 1320px;
  margin: 0 auto;
}

.sf-com-query-card-content .row .call-back-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sf-com-query-card-content .row .call-back-container .call-back-form {
  position: absolute;
  top: 150%;
  padding: 5% 5% 20px 5%;
  border: 1px solid #669acc;
  height: 100%;
  margin: 0px auto;
  background: #FFFFFF;
  transition: top linear 0.2s;
  width: 100%;
}

.sf-com-query-card-content .row .call-back-container .call-back-form label {
  color: #a3a3a3;
  font-size: 15px;
  margin: 30px 0 20px;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group {
  margin-bottom: 25px;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group label {
  display: block;
  margin: 0;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group input {
  border: 1px solid #d4d4d4;
  padding: 5px 15px;
  font-size: 16px;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group input::-webkit-input-placeholder, .sf-com-query-card-content .row .call-back-container .call-back-form .form-group input:-ms-input-placeholder, .sf-com-query-card-content .row .call-back-container .call-back-form .form-group input:-moz-placeholder, .sf-com-query-card-content .row .call-back-container .call-back-form .form-group input::-moz-placeholder {
  color: #d4d4d4;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group em.error {
  font-size: 12px;
  line-height: 14px;
  color: red;
  font-weight: 200;
  vertical-align: top;
  white-space: nowrap;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .form-group .block-input {
  width: 100%;
  display: block;
  margin-bottom: 2px;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  text-align: center;
  margin: 15px 0 25px 0;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn input, .sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn button {
  display: inline-block;
  padding: 10px;
  border-radius: 4px;
  color: #FFFFFF;
  background: #669acc;
  border: 2px solid #669acc;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
  width: 45%;
}

.sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn input:hover, .sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn input:active, .sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn input:focus, .sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn button:hover, .sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn button:active, .sf-com-query-card-content .row .call-back-container .call-back-form .cb-btn button:focus {
  color: #669acc;
  background: #FFFFFF;
}

.sf-com-query-card-content .row .call-back-container:hover .sf-com-query-card-basic, .sf-com-query-card-content .row .call-back-container:active .sf-com-query-card-basic, .sf-com-query-card-content .row .call-back-container:focus .sf-com-query-card-basic {
  box-shadow: unset;
}

.sf-com-query-card-content .row .call-back-container.active .call-back-form {
  top: 0;
  transition: top linear 0.2s;
}

@media screen and (max-width: 1024px) {
  .sf-com-query-card-content {
    padding: 35px 0 90px;
  }
  .sf-com-query-card-content .row {
    margin: 0;
  }
  .sf-com-query-card-content .row .col-md-4 {
    max-width: 100%;
    flex: unset;
    display: block;
    margin-bottom: 20px;
  }
  .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form {
    width: 100%;
    padding-top: 20px;
  }
  .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form label {
    margin: 0 0 20px;
  }
  .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form .form-group {
    height: 60px;
  }
  .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form .form-group input {
    border: 1px solid #d4d4d4;
    padding: 8px 15px;
    font-size: 16px;
    color: #d4d4d4;
  }
  .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form .cb-btn input, .sf-com-query-card-content .row .col-md-4 .call-back-container .call-back-form .cb-btn button {
    padding: 8px 15%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-query-card-basic {
  padding: 20px 20px 100px 20px;
  position: relative;
  border: 1px solid #669acc;
  margin: 0 auto;
  height: 100%;
}

.sf-com-query-card-basic .icon {
  text-align: center;
  width: 150px;
  height: 150px;
  margin: 25px auto;
}

.sf-com-query-card-basic .icon img {
  width: 100%;
  height: 100%;
}

.sf-com-query-card-basic .title {
  color: #000000;
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: 400;
  text-align: center;
}

.sf-com-query-card-basic .detail {
  color: #000000;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  font-weight: 200;
}

.sf-com-query-card-basic .detail p {
  margin-bottom: 12px;
}

.sf-com-query-card-basic .detail .phone-num {
  font-size: 36px;
  line-height: 40px;
  color: #669acc;
  font-weight: 400;
  margin: 15px 0 30px 0;
}

.sf-com-query-card-basic a {
  position: absolute;
  bottom: 0;
  left: 0;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 24px;
  width: 100%;
}

.sf-com-query-card-basic a .btn {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 18px;
  background: #669acc;
}

.sf-com-query-card-basic a .btn .icon-r {
  width: 0px;
  height: 22px;
  display: block;
  overflow: hidden;
  padding-left: 10px;
  transition: width linear 0.15s;
}

.sf-com-query-card-basic a .btn .icon-r .qcb-right {
  background: url(/Assets/images/how-to-buy/arrow.png) no-repeat 0 7px;
  display: block;
  width: 30px;
  height: 22px;
  background-size: 18px 16px;
  margin-left: 50px;
  transition: margin-left linear 0.15s;
  overflow: hidden;
}

.sf-com-query-card-basic:hover, .sf-com-query-card-basic:active, .sf-com-query-card-basic:focus {
  box-shadow: 15px 10px 10px 0 #e2e8ed;
}

.sf-com-query-card-basic:hover .btn .icon-r, .sf-com-query-card-basic:active .btn .icon-r, .sf-com-query-card-basic:focus .btn .icon-r {
  width: 45px;
  transition: width linear 0.2s;
}

.sf-com-query-card-basic:hover .btn .icon-r .qcb-right, .sf-com-query-card-basic:active .btn .icon-r .qcb-right, .sf-com-query-card-basic:focus .btn .icon-r .qcb-right {
  margin-left: 0px;
  transition: margin-left linear 0.25s;
}

@media screen and (max-width: 1024px) {
  .sf-com-query-card-basic {
    padding: 20px 20px 60px 20px;
  }
  .sf-com-query-card-basic .icon {
    margin-bottom: 20px;
    margin-top: 30px;
    height: 105px;
    width: 105px;
  }
  .sf-com-query-card-basic .title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .sf-com-query-card-basic .detail {
    font-size: 16px;
  }
  .sf-com-query-card-basic .detail p {
    margin-bottom: 5px;
  }
  .sf-com-query-card-basic .detail .phone-num {
    font-size: 20px;
    line-height: 1.5;
  }
  .sf-com-query-card-basic a {
    font-size: 16px;
  }
  .sf-com-query-card-basic a .btn {
    padding: 15px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-contact-card-basic {
  padding: 20px 20px 40px 20px;
  position: relative;
  background: rgba(222, 240, 255, 0.8);
  z-index: 2;
  min-height: 385px;
  height: 100%;
}

.sf-com-contact-card-basic .icon {
  text-align: center;
  width: 150px;
  height: 150px;
  margin: 38px auto 45px;
}

.sf-com-contact-card-basic .icon img {
  width: 100%;
  height: 100%;
}

.sf-com-contact-card-basic .title {
  color: #000000;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  width: 65%;
  margin: 0 auto 10px auto;
}

.sf-com-contact-card-basic .detail {
  color: #000000;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 200;
}

.sf-com-contact-card-basic .detail .desc {
  text-align: left;
}

.sf-com-contact-card-basic .detail .phone-num {
  font-size: 36px;
  line-height: 1.5;
  color: #6dad19;
  font-weight: 600;
  text-align: center;
  margin-top: 15px;
}

.sf-com-contact-card-basic:hover, .sf-com-contact-card-basic:active, .sf-com-contact-card-basic:focus {
  box-shadow: 15px 10px 10px 0 rgba(0, 0, 0, 0.1);
  background: rgba(212, 227, 240, 0.8);
}

@media screen and (max-width: 1024px) {
  .sf-com-contact-card-basic {
    margin: 10px auto;
    min-height: 220px;
    height: auto;
  }
  .sf-com-contact-card-basic .icon {
    width: 95px;
    height: 95px;
    margin: 0px auto 10px;
  }
  .sf-com-contact-card-basic .title {
    font-size: 16px;
    font-weight: 200;
    line-height: 28px;
    margin: 0 auto 5px;
  }
  .sf-com-contact-card-basic .detail .desc {
    font-size: 0.8em;
    font-weight: 200;
  }
  .sf-com-contact-card-basic .detail .phone-num {
    font-size: 24px;
    line-height: 32px;
    margin: 0px auto;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-contact-ecology-card-basic {
  padding: 46px 8% 35px;
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  z-index: 2;
  margin: 20px 0;
}

.sf-com-contact-ecology-card-basic .title {
  color: #000000;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 20px auto;
}

.sf-com-contact-ecology-card-basic .detail {
  color: #000000;
}

.sf-com-contact-ecology-card-basic .detail .desc {
  text-align: left;
  margin-bottom: 20px;
}

.sf-com-contact-ecology-card-basic .detail .links {
  text-align: center;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn {
  margin: 10px 5px 0 5px;
  height: 2.8em;
  line-height: 2.8em;
  padding: 0 5em 0 1.5em;
  border: 1px solid rgba(0, 0, 0, 0);
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn em {
  width: 3em;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:last-child {
  background: #6dad19;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus {
  border: 1px solid #669ACC;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover span, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active span, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus span {
  color: #669ACC;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover em, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active em, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus em {
  background: #669ACC;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover:last-child, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active:last-child, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus:last-child {
  border: 1px solid #6dad19;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover:last-child span, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active:last-child span, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus:last-child span {
  color: #6dad19;
}

.sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:hover:last-child em, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:active:last-child em, .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn:focus:last-child em {
  background: #6dad19;
}

.sf-com-contact-ecology-card-basic:hover, .sf-com-contact-ecology-card-basic:active, .sf-com-contact-ecology-card-basic:focus {
  box-shadow: 15px 10px 10px 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 1024px) {
  .sf-com-contact-ecology-card-basic {
    margin: 0 auto 10px;
    padding: 20px 8%;
  }
  .sf-com-contact-ecology-card-basic .title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .sf-com-contact-ecology-card-basic .detail .desc {
    font-size: 14px;
  }
  .sf-com-contact-ecology-card-basic .detail .links {
    text-align: center;
  }
  .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn {
    margin: 5px 5px 0;
    font-size: 14px;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 4em 0 0.8em;
  }
  .sf-com-contact-ecology-card-basic .detail .links .sf-cross-btn em {
    width: 1.8em;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-security-code {
  margin-bottom: 22px;
}

.sf-com-security-code .pic-security {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.sf-com-security-code .pic-security .input-security {
  display: inline-block;
  width: 55%;
  margin-right: 2%;
}

.sf-com-security-code .pic-security .input-security input {
  width: 100%;
  max-width: 100%;
  padding: 5px 10px;
}

.sf-com-security-code .pic-security .input-security input#seCode {
  width: 100%;
}

.sf-com-security-code .pic-security .pic {
  vertical-align: top;
  display: inline-flex;
  height: 42px;
  width: 44%;
}

.sf-com-security-code .pic-security .pic canvas {
  width: 100%;
  height: 100%;
  background: #C8C8C8;
}

.sf-com-security-code .pic-security .pic img {
  border: none;
  display: block;
  background-color: #EAEAEA;
  height: 42px;
  width: 100%;
}

.sf-com-security-code.type-2 .pic-security {
  width: 100%;
  display: block;
  position: relative;
}

.sf-com-security-code.type-2 .pic-security .input-security {
  width: 100%;
}

.sf-com-security-code.type-2 .pic-security .pic {
  width: 30%;
  top: 2px;
  right: 45px;
  position: absolute;
}

.sf-com-security-code.type-2 .pic-security .img {
  top: 2px;
  right: 2px;
  position: absolute;
  background: #ccc;
}

.sf-com-security-code.type-2 .pic-security .img img {
  width: 42px;
  height: 42px;
  transform: rotate(0deg);
  transition: all linear 0.3s;
}

.sf-com-security-code.type-2 .pic-security .img img:hover {
  transition: all linear 0.3s;
  transform: rotate(300deg);
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-get-support {
  padding: 90px 0;
}

.sf-com-get-support .contact-box {
  padding: 20px 35px;
}

.sf-com-get-support .contact-box .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}

.sf-com-get-support .contact-box .sub-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 25px;
}

.sf-com-get-support .contact-box .intro {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 40px;
}

.sf-com-get-support .contact-box .link {
  font-size: 1em;
  text-decoration: none;
  color: #FFFFFF;
  background: #669acc;
  border: 1px solid #669acc;
  padding: 1em 2em;
  line-height: 1em;
  display: inline-block;
}

.sf-com-get-support .contact-box .link:hover {
  background: #FFFFFF;
  color: #6dad19;
  border: 1px solid #6dad19;
}

.sf-com-get-support .data {
  padding: 20px 55px 20px 20px;
}

.sf-com-get-support .data .title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}

.sf-com-get-support .data .list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sf-com-get-support .data .list .list-item {
  border-bottom: 2px solid #85afd6;
  padding: 25px 0;
}

.sf-com-get-support .data .list .list-item .link {
  color: #000000;
  text-decoration: none;
}

.sf-com-get-support .data .list .list-item .link .title {
  font-size: 18px;
  margin-bottom: 5px;
}

.sf-com-get-support .data .list .list-item .link .date {
  font-size: 16px;
}

.sf-com-get-support .data .list .list-item .link:hover {
  color: #6dad19;
}

.sf-com-get-support .data .list .list-item:last-child {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.sf-com-get-support .data .list .list-item:first-child {
  padding-top: 0px;
}

.sf-com-get-support .download {
  padding: 20px 0px;
}

.sf-com-get-support .download .title {
  font-size: 22px;
  font-weight: 400;
}

.sf-com-get-support .download .download-list {
  margin: 0 2% 0 0;
  padding: 0;
  list-style-type: none;
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

.sf-com-get-support .download .download-list .list-item {
  width: 100%;
  border-bottom: 2px solid #85afd6;
  padding: 0 0 0 45px;
  background: url(/Assets/images/icons/download-blue.png) no-repeat 0 25px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  min-height: 80px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.sf-com-get-support .download .download-list .list-item .link {
  color: #000000;
  text-decoration: none;
}

.sf-com-get-support .download .download-list .list-item .link .title {
  font-size: 16px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sf-com-get-support .download .download-list .list-item .link:hover {
  color: #6dad19;
}

.sf-com-get-support .download .download-list .list-item:last-child {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.sf-com-get-support .download .download-list:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-get-support {
    padding: 40px 20px;
  }
  .sf-com-get-support .content .row {
    margin-right: 0;
    margin-left: 0;
  }
  .sf-com-get-support .content .row .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-get-support .content .row .col-md-4 .contact-box {
    padding: 0;
    margin: 20px 0;
  }
  .sf-com-get-support .content .row .col-md-4 .contact-box .title {
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 15px;
  }
  .sf-com-get-support .content .row .col-md-4 .contact-box .sub-title {
    font-size: 15px;
    font-weight: 200;
    margin-bottom: 20px;
  }
  .sf-com-get-support .content .row .col-md-4 .contact-box .intro {
    font-size: 15px;
    font-weight: 200;
    margin-bottom: 25px;
  }
  .sf-com-get-support .content .row .col-md-4 .contact-box .link {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 160px;
  }
  .sf-com-get-support .content .row .col-md-4 .data {
    padding: 0;
    margin-bottom: 20px;
  }
  .sf-com-get-support .content .row .col-md-4 .data .title {
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 15px;
  }
  .sf-com-get-support .content .row .col-md-4 .data .list .list-item {
    border-bottom: 1px solid #85afd6;
    padding: 20px 0;
  }
  .sf-com-get-support .content .row .col-md-4 .data .list .list-item .link .title {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .sf-com-get-support .content .row .col-md-4 .data .list .list-item .link .date {
    font-size: 15px;
    font-weight: 200;
  }
  .sf-com-get-support .content .row .col-md-4 .data .list .list-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .sf-com-get-support .content .row .col-md-4 .data .list .list-item:first-child {
    padding-top: 0px;
  }
  .sf-com-get-support .content .row .col-md-4 .download {
    padding: 0;
    margin-bottom: 20px;
  }
  .sf-com-get-support .content .row .col-md-4 .download .title {
    font-size: 18px;
    font-weight: 200;
  }
  .sf-com-get-support .content .row .col-md-4 .download .download-list {
    margin: 0;
    width: 100%;
    display: block;
  }
  .sf-com-get-support .content .row .col-md-4 .download .download-list .list-item {
    width: 100%;
    border-bottom: 1px solid #85afd6;
    padding: 25px 0 25px 45px;
  }
  .sf-com-get-support .content .row .col-md-4 .download .download-list .list-item .link .title {
    font-size: 14px;
    margin-bottom: 0;
  }
  .sf-com-get-support .content .row .col-md-4 .download .download-list:last-child .list-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-product-query-form-base {
  padding: 30px 0;
}

.sf-com-product-query-form-base .form-group {
  margin-bottom: 1.5rem;
}

.sf-com-product-query-form-base .form-group .form-control {
  height: calc(3.75em + 0.75rem + 2px);
  font-size: 0.9rem;
  padding: 0.375rem 1.5rem;
  border-radius: 0rem;
}

.sf-com-product-query-form-base .form-group textarea.form-control {
  height: auto;
  padding: 24px 1.5rem 24px 1.5rem;
  resize: none;
}

.sf-com-product-query-form-base .form-group em.error {
  font-size: 12px;
  font-weight: 200;
  margin: 5px 0 0 0;
  color: red;
}

.sf-com-product-query-form-base .form-group .sf-com-security-code .pic-security .input-security input#seCode {
  border: 1px solid rgba(206, 212, 218, 0);
  height: calc(3.75em + 0.75rem + 2px);
  font-size: 0.9rem;
  padding: 0.375rem 1.5rem;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0rem;
}

.sf-com-product-query-form-base .form-group .sf-com-security-code .pic-security .pic {
  height: calc(3.3em + 0.75rem + 2px);
}

.sf-com-product-query-form-base button.btn.btn-primary {
  padding: 17px;
  display: block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #5e91c8;
  color: white;
  font-size: 0.8em;
  border-radius: 0.25rem;
}

.sf-com-product-query-form-base button.btn.btn-primary span {
  margin: 0 15px 0 0;
}

.sf-com-product-query-form-base button.btn.btn-primary span.icon {
  position: relative;
  right: 0;
  top: 1px;
  transition: all linear 0.15s;
}

.sf-com-product-query-form-base button.btn.btn-primary span.icon .ti-arrow-right {
  margin: 0;
}

.sf-com-product-query-form-base button.btn.btn-primary:hover span.icon, .sf-com-product-query-form-base button.btn.btn-primary:focus span.icon, .sf-com-product-query-form-base button.btn.btn-primary:active span.icon {
  position: relative;
  right: -10px;
  transition: all linear 0.3s;
}

.sf-com-product-query-form-base .btn.btn-primary {
  padding: 18px;
  display: block;
  width: 200px;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #6DAD19;
  color: white;
  font-size: 0.8em;
  border-radius: 0rem;
}

.sf-com-product-query-form-base .btn.btn-primary:hover, .sf-com-product-query-form-base .btn.btn-primary:focus, .sf-com-product-query-form-base .btn.btn-primary:active {
  border: 1px solid #6DAD19;
  color: #6DAD19;
  background-color: white;
}

.switch-title {
  height: calc(3.75em + 0.75rem + 2px);
  font-size: 0.9rem;
  padding: 0.375rem 1.5rem;
}

.switch input {
  visibility: hidden;
}

.switch .switch-checkbox {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all .36s;
  transition: all .36s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch .switch-checkbox:after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}

.switch .switch-checkbox:hover, .switch .switch-checkbox:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.switch .switch-checkbox.switch-checked {
  background-color: #1890ff;
}

.switch .switch-checkbox.switch-checked:after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (max-width: 1024px) {
  .sf-com-product-query-form-base {
    padding: 5px 0;
  }
  .sf-com-product-query-form-base .form-group {
    margin-bottom: 0.6rem;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-product-query-form-type-3 {
  padding: 90px 0;
}

.sf-com-product-query-form-type-3 .sf-title-block {
  margin-top: 10px;
}

.sf-com-product-query-form-type-3 .row .col-md-5 {
  z-index: 6;
}

.sf-com-product-query-form-type-3 .row .col-md-6 .mobile-image {
  height: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-product-query-form-type-3 {
    padding: 0 0 20px 0;
  }
  .sf-com-product-query-form-type-3 .mobile-image {
    height: 220px;
    position: relative;
    background-position: 10% center;
  }
  .sf-com-product-query-form-type-3 .mobile-image img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .sf-com-product-query-form-type-3 .mobile-image:after {
    position: absolute;
    height: 75px;
    background: linear-gradient(to top, #deedf9 0%, #deedf9 60%, rgba(205, 236, 253, 0.3) 95%, rgba(102, 154, 204, 0) 100%);
    bottom: 0px;
    left: 0;
    width: 100%;
    top: unset;
  }
  .sf-com-product-query-form-type-3 .row {
    margin-right: 0px;
    margin-left: 0px;
  }
  .sf-com-product-query-form-type-3 .row .col-md-5 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 20px;
  }
  .sf-com-product-query-form-type-3.sf-block-background {
    background-image: none !important;
    background-color: #deedf9;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-project-query-form {
  padding: 30px 0 60px;
}

.sf-com-project-query-form .about-project, .sf-com-project-query-form .about-customer {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 20px;
}

.sf-com-project-query-form form {
  margin-bottom: 30px;
}

.sf-com-project-query-form form .line {
  height: 2px;
  width: 100%;
  margin: 35px 0 45px;
  background: url(/Assets/images/detail-icons/dashed.png);
}

.sf-com-project-query-form form .form-title {
  margin: 2.5rem 0;
  border-left: 8px solid #6DAD19;
}

.sf-com-project-query-form form .form-title h3 {
  padding-left: 20px;
  font-weight: 200;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 0;
}

.sf-com-project-query-form form .form-title.blue {
  border-left: 8px solid #669acc;
}

.sf-com-project-query-form form .form-group {
  margin: 0 0 1rem 0;
  display: inline-block;
  vertical-align: top;
}

.sf-com-project-query-form form .form-group label {
  margin-bottom: 0.85rem;
  font-size: 1rem;
}

.sf-com-project-query-form form .form-group label .necessary {
  color: red;
}

.sf-com-project-query-form form .form-group .form-control {
  height: calc(2.75rem + 2px);
  font-size: 1rem;
  padding: 0.275rem 1.5rem;
  border-radius: 0rem;
}

.sf-com-project-query-form form .form-group select[multiple].form-control {
  height: auto;
}

.sf-com-project-query-form form .form-group textarea.form-control {
  height: auto;
  padding: 24px 1.5rem 24px 1.5rem;
  resize: none;
}

.sf-com-project-query-form form .form-group select.hide {
  visibility: hidden;
  height: 0;
  padding: 0;
}

.sf-com-project-query-form form .form-group em.error {
  font-size: 12px;
  font-weight: 200;
  margin: 5px 0 0 0;
  color: red;
}

.sf-com-project-query-form form .form-group.centered {
  margin-top: 1rem;
  text-align: center;
}

.sf-com-project-query-form form .form-group.centered .switch-title {
  padding-left: 0;
}

.sf-com-project-query-form form .btn.btn-primary {
  padding: 18px;
  display: block;
  width: 200px;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #6DAD19;
  color: white;
  font-size: 0.8em;
  border-radius: 0rem;
}

.sf-com-project-query-form form .btn.btn-primary:hover, .sf-com-project-query-form form .btn.btn-primary:focus, .sf-com-project-query-form form .btn.btn-primary:active {
  border: 1px solid #6DAD19;
  color: #6DAD19;
  background-color: white;
}

.sf-com-project-query-form .explain {
  text-align: center;
  font-size: 0.9rem;
}

.sf-com-project-query-form .explain a {
  text-decoration: underline;
}

@media screen and (max-width: 1024px) {
  .sf-com-project-query-form {
    padding: 10px 0 30px;
  }
  .sf-com-project-query-form form {
    margin: 0 auto 30px;
  }
  .sf-com-project-query-form form .line {
    display: none;
  }
  .sf-com-project-query-form form .form-title {
    margin: 30px 0;
  }
  .sf-com-project-query-form form .form-title h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .sf-com-project-query-form form .form-group textarea.form-control {
    height: 105px;
    padding: 12px 1.5rem 10px 1.5rem;
    resize: none;
  }
  .sf-com-project-query-form form .form-group.centered {
    margin-top: 1rem;
    text-align: center;
  }
  .sf-com-project-query-form form .form-group.centered .switch-title {
    padding: 0;
    font-size: 0.9rem;
  }
  .sf-com-project-query-form form button.btn.btn-primary {
    margin-top: 10px;
    width: 94%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-form-submitted-message .content .submit-message {
  padding: 60px 30px;
}

.sf-com-form-submitted-message .content .submit-message .message-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

.sf-com-form-submitted-message .content .submit-message .message-icon .icon {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #d6eeb6;
  color: #1CB141;
  font-size: 50px;
  font-weight: 600;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sf-com-form-submitted-message .content .submit-message .message-content {
  text-align: center;
}

.sf-com-form-submitted-message .content .submit-message .message-content .title {
  font-size: 22px;
  font-weight: 400;
  color: #232323;
  line-height: 1.7;
}

.sf-com-form-submitted-message .content .submit-message .message-content .detail {
  color: #666666;
  padding: 20px 0;
  line-height: 1.6;
  font-size: 14px;
}

.sf-com-form-submitted-message .content .submit-message.submit-fail .message-icon .icon {
  background-color: #f9e3e1;
  color: #F75F15;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-events-search-result-basic {
  display: block;
  color: #454545;
  margin-bottom: 15px;
  text-decoration: none;
  transition: all linear 0.3s;
}

.sf-com-events-search-result-basic .events-search-result-item {
  background-color: #f7f8fb;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  transition: all linear 0.3s;
  position: relative;
}

.sf-com-events-search-result-basic .events-search-result-item .sf-com-motional-image {
  height: auto;
  width: 41%;
  flex-shrink: 0;
}

.sf-com-events-search-result-basic .events-search-result-item .card-content {
  padding: 30px;
  flex-grow: 1;
}

.sf-com-events-search-result-basic .events-search-result-item .card-content .card-heading .title {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sf-com-events-search-result-basic .events-search-result-item .card-content .card-body {
  color: #666666;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.8em;
  margin-top: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sf-com-events-search-result-basic .events-search-result-item .card-content .card-body p {
  margin: 0;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link {
  padding: 25px 50px 25px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link .info {
  font-size: 16px;
  padding: 10px 21px;
  background: #eff2f7;
  color: #000000;
  text-align: left;
  line-height: 24px;
  margin-bottom: 20px;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link .info p {
  white-space: nowrap;
  margin-bottom: 0px;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link {
  display: flex;
  flex-grow: 1;
  margin: 0;
  padding: 10px 15px;
  border: 2px solid #4f90c4;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link span {
  color: #4f90c4;
  display: block;
  font-weight: 200;
  text-transform: uppercase;
  transition: color 0.3s ease;
  text-decoration: none;
  position: relative;
  z-index: 1;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link em {
  position: absolute;
  height: 1.5px;
  background: #4f90c4;
  width: 7em;
  right: 1em;
  top: 50%;
  transform: scaleX(0.3);
  transform-origin: center right;
  transition: all 0.3s ease;
  z-index: 1;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:after {
  bottom: 0;
  right: 0;
  left: auto;
  content: '';
  background: #4f90c4;
  height: 100%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:hover span, .sf-com-events-search-result-basic .events-search-result-item .card-link a.link:focus span, .sf-com-events-search-result-basic .events-search-result-item .card-link a.link:active span {
  color: #FFFFFF;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:hover em, .sf-com-events-search-result-basic .events-search-result-item .card-link a.link:focus em, .sf-com-events-search-result-basic .events-search-result-item .card-link a.link:active em {
  background: #FFFFFF;
}

.sf-com-events-search-result-basic .events-search-result-item .card-link a.link:hover:after, .sf-com-events-search-result-basic .events-search-result-item .card-link a.link:focus:after, .sf-com-events-search-result-basic .events-search-result-item .card-link a.link:active:after {
  width: 100%;
  left: 0;
  right: auto;
}

.sf-com-events-search-result-basic:hover, .sf-com-events-search-result-basic:focus, .sf-com-events-search-result-basic:active {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-events-search-result-basic .events-search-result-item {
    flex-wrap: wrap;
  }
  .sf-com-events-search-result-basic .events-search-result-item .sf-com-motional-image {
    height: 200px;
    width: 100%;
  }
  .sf-com-events-search-result-basic .events-search-result-item .card-content {
    padding: 20px 20px 10px 20px;
    width: 100%;
  }
  .sf-com-events-search-result-basic .events-search-result-item .card-content .card-heading .title {
    height: unset;
    font-size: 20px;
  }
  .sf-com-events-search-result-basic .events-search-result-item .card-content .card-body {
    display: none;
  }
  .sf-com-events-search-result-basic .events-search-result-item .card-link {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
    align-items: unset;
  }
  .sf-com-events-search-result-basic .events-search-result-item .card-link .info {
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
  }
  .sf-com-events-search-result-basic .events-search-result-item .card-link a.link {
    font-size: 14px;
    padding: 7px 15px;
    max-width: 150px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-document-search-result-basic {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  border-bottom: 1px solid #f3f3f3;
}

.sf-com-document-search-result-basic .left {
  padding: 30px 0 30px 10px;
}

.sf-com-document-search-result-basic .left a.link {
  color: #666666;
  text-decoration: none;
  position: relative;
  padding-left: 30px;
}

.sf-com-document-search-result-basic .left a.link::before {
  border: 1px solid #E2E2E2;
  border-radius: 2px;
  background-color: #FFFFFF;
  content: " ";
  display: block;
  font-family: "themify";
  font-size: 12px;
  line-height: 1;
  text-align: center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.sf-com-document-search-result-basic .left a.link:hover, .sf-com-document-search-result-basic .left a.link:active {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-document-search-result-basic .left a.link.active::before {
  background-color: #6DAD19;
  border-color: #6DAD19;
  content: "\e64c";
  color: #FFFFFF;
}

.sf-com-document-search-result-basic .info {
  margin: 12px 0;
  padding-left: 50px;
  background: url(/Assets/images/detail-icons/pdf-dl.jpg) no-repeat 0 16px;
  background-size: 28px 28px;
  width: 66%;
}

.sf-com-document-search-result-basic .info.pdf {
  background: url(/Assets/images/detail-icons/pdf-dl.jpg) no-repeat 0 16px;
  background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.docx, .sf-com-document-search-result-basic .info.doc {
  background: url(/Assets/images/detail-icons/word-dl.jpg) no-repeat 0 16px;
  background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.pptx, .sf-com-document-search-result-basic .info.ppt {
  background: url(/Assets/images/detail-icons/ppt-dl.jpg) no-repeat 0 16px;
  background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.xlsx, .sf-com-document-search-result-basic .info.xls {
  background: url(/Assets/images/detail-icons/cel-dl.jpg) no-repeat 0 16px;
  background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.zip, .sf-com-document-search-result-basic .info.rar {
  background: url(/Assets/images/detail-icons/zip-dl.jpg) no-repeat 0 16px;
  background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info.other {
  background: url(/Assets/images/detail-icons/other-dl.jpg) no-repeat 0 16px;
  background-size: 28px 28px;
}

.sf-com-document-search-result-basic .info .dsrb-title {
  font-size: 20px;
  line-height: 30px;
  margin: 5px 0;
  font-weight: 400;
}

.sf-com-document-search-result-basic .info .dsrb-data {
  padding-left: 0;
  margin-bottom: 0;
  line-height: 14px;
}

.sf-com-document-search-result-basic .info .dsrb-data li {
  list-style: none;
  display: inline-block;
  padding: 0px 10px;
  border-left: 2px solid #d8e1ec;
  line-height: 14px;
  font-size: 14px;
  font-weight: 200;
  margin: 5px 0;
}

.sf-com-document-search-result-basic .info .dsrb-data li:first-child {
  border-left: 0px solid #ececec;
}

.sf-com-document-search-result-basic .right {
  min-width: 153px;
  margin: 12px 0;
}

.sf-com-document-search-result-basic .right .dsrb-action {
  display: block;
  padding-left: 0;
  margin: 10px 0;
  line-height: 16px;
  font-size: 0.9em;
}

.sf-com-document-search-result-basic .right .dsrb-action li {
  list-style: none;
  display: inline-block;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link {
  padding-left: 25px;
  padding-right: 15px;
  border-right: 2px solid #dddddd;
  display: block;
  text-decoration: none;
  color: #000000;
  font-weight: 200;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.view {
  background: url(/Assets/images/document-icons/eye-blue.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.download {
  background: url(/Assets/images/document-icons/download-blue.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.collect {
  background: url(/Assets/images/document-icons/heart-blue.png) no-repeat 2px 2px;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.share {
  background: url(/Assets/images/document-icons/share-blue.png) no-repeat 0 0;
  position: relative;
  padding-bottom: 10px;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.share:hover .share-box {
  top: 24px;
  display: block;
  right: -30px;
  left: unset;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link.share:hover .share-box:before, .sf-com-document-search-result-basic .right .dsrb-action li .link.share:hover .share-box:after {
  right: 60px;
  left: unset;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover, .sf-com-document-search-result-basic .right .dsrb-action li .link:focus, .sf-com-document-search-result-basic .right .dsrb-action li .link:active {
  color: #6DAD19;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover.view, .sf-com-document-search-result-basic .right .dsrb-action li .link:focus.view, .sf-com-document-search-result-basic .right .dsrb-action li .link:active.view {
  background: url(/Assets/images/document-icons/eye-green.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover.download, .sf-com-document-search-result-basic .right .dsrb-action li .link:focus.download, .sf-com-document-search-result-basic .right .dsrb-action li .link:active.download {
  background: url(/Assets/images/document-icons/download-green.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover.collect, .sf-com-document-search-result-basic .right .dsrb-action li .link:focus.collect, .sf-com-document-search-result-basic .right .dsrb-action li .link:active.collect {
  background: url(/Assets/images/document-icons/heart-green.png) no-repeat 2px 2px;
}

.sf-com-document-search-result-basic .right .dsrb-action li .link:hover.share, .sf-com-document-search-result-basic .right .dsrb-action li .link:focus.share, .sf-com-document-search-result-basic .right .dsrb-action li .link:active.share {
  background: url(/Assets/images/document-icons/share-green.png) no-repeat 0 0;
}

.sf-com-document-search-result-basic .right .dsrb-action li:last-child .link {
  margin-left: 10px;
  border-right: 0px solid #dddddd;
}

.sf-com-document-search-result-basic .more {
  display: none;
}

.sf-com-document-search-result-basic:nth-child(odd) {
  background: #ffffff;
}

.sf-com-document-search-result-basic:nth-child(even) {
  background: #fafafa;
}

.sf-com-document-search-result-basic:hover, .sf-com-document-search-result-basic:focus, .sf-com-document-search-result-basic:active {
  background: #eaf0fc;
}

@media screen and (max-width: 1024px) {
  .sf-com-document-search-result-basic {
    display: block;
    position: relative;
  }
  .sf-com-document-search-result-basic .left {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0 30px 0;
  }
  .sf-com-document-search-result-basic .left a.link {
    padding-left: 25px;
  }
  .sf-com-document-search-result-basic .info {
    width: 88%;
    padding-left: 35px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
  }
  .sf-com-document-search-result-basic .info .dsrb-title {
    font-size: 16px;
    line-height: 24px;
  }
  .sf-com-document-search-result-basic .info .dsrb-data {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 14px;
  }
  .sf-com-document-search-result-basic .info .dsrb-data li {
    line-height: 12px;
    font-size: 12px;
    margin: 3px 0;
    padding-left: 5px;
    padding-right: 3px;
  }
  .sf-com-document-search-result-basic .right {
    display: none;
    margin: 0 0 0 65px;
  }
  .sf-com-document-search-result-basic .right .dsrb-action {
    display: inline-block;
    margin: 0;
    line-height: 16px;
    font-size: 0.8em;
  }
  .sf-com-document-search-result-basic .right .dsrb-action li .link {
    padding-left: 22px;
    padding-right: 8px;
    border-right: 2px solid #dddddd;
    color: #6899cc;
  }
  .sf-com-document-search-result-basic .right .dsrb-action li:last-child .link {
    border-right: 2px solid #dddddd;
    margin-left: 5px;
  }
  .sf-com-document-search-result-basic .right .dsrb-action:last-child li:last-child .link {
    border-right: 0px solid #dddddd;
  }
  .sf-com-document-search-result-basic .right .dsrb-action:last-child li:last-child .link.share .share-box {
    display: none;
  }
  .sf-com-document-search-result-basic .right.active {
    display: block;
  }
  .sf-com-document-search-result-basic .more {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 30px;
    background: url(/Assets/images/document-icons/more-green.png) no-repeat 8px 0;
  }
  .sf-com-document-search-result-basic .more.active {
    background: url(/Assets/images/document-icons/more-blue.png) no-repeat 8px 0;
  }
  .sf-com-document-search-result-basic .mobile-show {
    display: none;
  }
  .sf-com-document-search-result-basic .mobile-show.active {
    background: rgba(0, 0, 0, 0);
    display: block;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-document-search-result {
  margin: 20px 0 40px;
}

.sf-com-document-search-result .dsr-list .dsr-list-header, .sf-com-document-search-result .dsr-list .dsr-list-footer {
  background: #f0f0f0;
  padding: 5px 30px;
  font-size: 1em;
  line-height: 1em;
  font-weight: 200;
  border-bottom: 2px solid #d6e0ea;
  margin-bottom: 5px;
  position: relative;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions {
  text-align: left;
  display: inline-block;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll {
  display: inline-block;
  color: #666666;
  text-decoration: none;
  position: relative;
  padding-left: 30px;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll::before, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll::before, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll::before, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll::before {
  border: 1px solid #E2E2E2;
  border-radius: 2px;
  background-color: #FFFFFF;
  content: " ";
  display: block;
  font-family: "themify";
  font-size: 12px;
  line-height: 1;
  text-align: center;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll:hover, .sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll:active, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll:hover, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll:active, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll:hover, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll:active, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll:hover, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll:active {
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .selectAll.active::before, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .selectAll.active::before, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .selectAll.active::before, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .selectAll.active::before {
  background-color: #6DAD19;
  border-color: #6DAD19;
  content: "\e64c";
  color: #FFFFFF;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li {
  padding: 10px 0;
  display: inline-block;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li a, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li a, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li a, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li a {
  display: block;
  text-decoration: none;
  color: #666666;
  padding: 0px 12px 0 8px;
  border-right: 2px solid #dddddd;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li a:hover, .sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li a:active, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li a:hover, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li a:active, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li a:hover, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li a:active, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li a:hover, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li a:active {
  color: #6DAD19;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li a.active, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li a.active, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li a.active, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li a.active {
  color: #6DAD19;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .left-actions .links-actions li:last-child a, .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions li:last-child a, .sf-com-document-search-result .dsr-list .dsr-list-footer .left-actions .links-actions li:last-child a, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li:last-child a {
  border-right: 0px solid #dddddd;
}

.sf-com-document-search-result .dsr-list .dsr-list-header .right-actions, .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions {
  top: 5px;
  right: 30px;
  position: absolute;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer {
  border-bottom: 0px solid #d6e0ea;
  border-top: 2px solid #d6e0ea;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions {
  top: 0;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li {
  padding: 0;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage {
  display: inline-block;
  padding: 5px 0;
  position: relative;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .inputWrap {
  width: 80px;
  position: relative;
  border-radius: 5px;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .inputWrap input.dpn {
  padding: 5px 5px 5px 10px;
  border: 1px solid #bbbbbb;
  width: 100%;
  border-radius: 5px;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .inputWrap .toggle {
  position: absolute;
  text-align: center;
  margin-top: 14px;
  right: 10px;
  top: 0;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .inputWrap .toggle::before {
  content: " ";
  display: block;
  width: 0.7em;
  height: 0.7em;
  border: 2px solid #454545;
  border-top: none;
  border-right: none;
  font-weight: 200;
  transform: rotate(-45deg);
  margin-top: -0.35em;
  transition: all linear 0.3s;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .dropdown-list {
  display: none;
  position: absolute;
  top: 40px;
  padding: 5px 0;
  background: #ffffff;
  width: 100%;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .dropdown-list li {
  padding: 3px;
  display: block;
  text-align: center;
  border-bottom: 1px solid #FAFAFA;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .dropdown-list li.on {
  background: #BBBBBB;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .documentPage .dropdown-list.active {
  display: block;
  z-index: 6;
}

.sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions .links-actions li .hide {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-document-search-result {
    margin: 0 -20px 20px -20px;
  }
  .sf-com-document-search-result .dsr-list .total {
    display: none;
  }
  .sf-com-document-search-result .dsr-list .dsr-list-header {
    min-height: 48px;
  }
  .sf-com-document-search-result .dsr-list .dsr-list-header .left-actions {
    display: none;
  }
  .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions {
    left: 30px;
  }
  .sf-com-document-search-result .dsr-list .dsr-list-header .right-actions .links-actions {
    padding-left: 0;
  }
  .sf-com-document-search-result .dsr-list .dsr-list-footer .right-actions {
    display: none;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-partner-policies-list-base {
  width: 75%;
  min-width: 950px;
  margin: 40px auto;
}

.sf-com-partner-policies-list-base .list-content ul.list {
  list-style-type: none;
  padding-left: 0;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item {
  padding: 10px 15px;
  border-bottom: 1px dashed #b2b2b2;
  line-height: 1.7;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link {
  text-decoration: none;
  color: #000000;
  font-weight: 200;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  font-size: 16px;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link.link-tags {
  width: 45%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link.data-link {
  width: 55%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link.link-tags .title, .sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link.data-link .title {
  line-height: 1.5;
  height: 3em;
  white-space: normal !important;
  word-break: break-all;
  overflow: visible;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link .title {
  max-width: 100%;
  display: inline-block;
  background: url(/Assets/images/page-partner/dot.png) no-repeat 0 center;
  padding-left: 35px;
  padding-right: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link .date {
  font-size: 16px;
  min-width: 73px;
  display: inline-block;
  right: 20px;
  color: #aaaaaa;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item .number {
  width: 5%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item .title {
  width: 60%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item .a-date,
.sf-com-partner-policies-list-base .list-content ul.list li.list-item .r-date {
  width: 15%;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item.list-heading .a-date,
.sf-com-partner-policies-list-base .list-content ul.list li.list-item.list-heading .r-date {
  position: static !important;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item:nth-child(odd) {
  background: #ffffff;
}

.sf-com-partner-policies-list-base .list-content ul.list li.list-item:nth-child(even) {
  background: #fafafa;
}

.sf-com-partner-policies-list-base.type-2 .list-content .header {
  text-align: right;
  margin-bottom: 35px;
  position: relative;
}

.sf-com-partner-policies-list-base.type-2 .list-content .header input {
  padding: 10px 60px 10px 20px;
  border: 1px solid #EEEEEE;
  width: 25%;
  min-width: 240px;
  border-radius: 15px;
}

.sf-com-partner-policies-list-base.type-2 .list-content .header .icon {
  position: absolute;
  right: 20px;
  top: 10px;
}

.sf-com-partner-policies-list-base.type-2 .list-content .header .icon .ti-search {
  font-size: 24px;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .number {
  vertical-align: top;
  display: inline-block;
  min-width: 80px;
  text-align: center;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .title {
  min-width: 60%;
  max-width: 60%;
  background: unset;
  padding-left: 0;
  padding-right: 0;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .a-date {
  font-size: 16px;
  line-height: 28px;
  min-width: 73px;
  display: inline-block;
  color: #aaaaaa;
  vertical-align: top;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show {
  display: none;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show {
  background: #f0f0f0;
  padding: 10px 15px;
  border-bottom: 0;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show a.link .a-date, .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show a.link .date {
  color: #000000;
}

.sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show a.link.link-tags.mobile-show {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-partner-policies-list-base {
    width: 100%;
    min-width: unset;
    margin: 20px auto;
    padding: 0;
  }
  .sf-com-partner-policies-list-base .list-content ul.list li.list-item {
    padding-left: 0;
    padding-right: 0;
  }
  .sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link .title {
    font-size: 16px;
    padding-right: 0;
    width: 100%;
  }
  .sf-com-partner-policies-list-base .list-content ul.list li.list-item a.link .date {
    font-size: 14px;
    display: block;
    padding-left: 35px;
    position: static;
    width: 100%;
  }
  .sf-com-partner-policies-list-base .list-content ul.list li.list-item:nth-child(odd) {
    background: #ffffff;
  }
  .sf-com-partner-policies-list-base .list-content ul.list li.list-item:nth-child(even) {
    background: #fafafa;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content .header {
    text-align: right;
    margin-bottom: 35px;
    position: relative;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content .header input {
    padding: 10px 60px 10px 20px;
    border: 1px solid #EEEEEE;
    width: 25%;
    border-radius: 15px;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content .header .icon {
    position: absolute;
    right: 20px;
    top: 10px;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content .header .icon .ti-search {
    font-size: 24px;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link {
    text-align: right;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .number,
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .title,
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .a-date,
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .r-date {
    display: block;
    width: 100%;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .number {
    vertical-align: top;
    display: block;
    min-width: unset;
    text-align: left;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .title {
    font-size: 1em;
    max-width: 100%;
    min-width: unset;
    padding-left: 0;
    padding-right: 0;
    display: block;
    white-space: nowrap;
    overflow: unset;
    text-overflow: unset;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .a-date {
    font-size: 14px;
    display: block;
    min-width: unset;
    color: #8f8f8f;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link .date {
    font-size: 14px;
    position: unset;
    display: block;
    min-width: unset;
    padding-left: 0px;
    color: #8f8f8f;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show {
    display: inline-block;
    width: 44%;
    text-align: left;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .number,
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .title,
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .a-date,
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .r-date {
    display: block;
    font-size: 14px;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .number {
    color: #8f8f8f;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item a.link.link-tags.mobile-show .title {
    color: #8f8f8f;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.list-heading.pc-show {
    display: none;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.data-list-item {
    position: relative;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.data-list-item a.link.link-tags.mobile-show {
    position: static;
  }
  .sf-com-partner-policies-list-base.type-2 .list-content ul.list li.list-item.data-list-item a.link.data-link .number {
    text-align: right;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 0;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
  width: 25%;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link {
  border: 1px solid #dfdfdf;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  padding: 15px;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active {
  border: 1px solid rgba(0, 0, 0, 0);
  background: #fafafa;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active .main,
.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active .sub {
  color: #124271;
  font-weight: 400;
}

.sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .tab-contents .tab-box .row {
  margin-right: 0;
  margin-left: 0;
}

.sf-com-partner-policies.type-2 .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
  width: 35%;
}

@media screen and (max-width: 1024px) {
  .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab {
    border-bottom: 0px solid #dfdfdf;
  }
  .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
    width: 100%;
  }
  .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link {
    padding: 0;
    border: 0 solid #dfdfdf;
    border-bottom: 0 solid rgba(0, 0, 0, 0);
  }
  .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active .main,
  .sf-com-partner-policies .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab a.link.active .sub {
    color: #454545;
  }
  .sf-com-partner-policies.type-2 .sf-com-carousel-type-23 .sf-com-slick-tabs .scrollable-tab .tab-tabs .tab {
    width: 100%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-partner-query-form {
  padding: 90px 0;
  background: #edf0f5;
  overflow-x: hidden;
}

.sf-com-partner-query-form .be-partner-card {
  height: 1000px;
  overflow: hidden;
  margin: 0 auto;
  vertical-align: top;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
}

.sf-com-partner-query-form .be-partner-card .be-partner-title {
  width: 100%;
  height: 100%;
  background: #f5f7f9;
  min-height: 320px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-title .sf-title-block {
  position: absolute;
  left: 20px;
  padding: 30px 0;
  top: 0;
  margin: 40px 10%;
}

.sf-com-partner-query-form .be-partner-card .be-partner-title .sf-title-block .title {
  text-align: left;
}

.sf-com-partner-query-form .be-partner-card .be-partner-title .sf-title-block::after {
  background-color: #6DAD19;
  content: " ";
  display: block;
  height: 4px;
  width: 3em;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all linear 0.3s;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form {
  background: #FFFFFF;
  height: 980px;
  overflow-y: scroll;
  padding: 50px;
  margin: 10px 10px 10px 0;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress {
  margin: 0 40px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item {
  text-align: center;
  position: relative;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item img {
  text-align: center;
  margin: 20px auto;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item img.green {
  display: none;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item img.grey {
  display: block;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item .des {
  font-size: 18px;
  color: #909090;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item .arrow {
  height: 24px;
  width: 13px;
  position: absolute;
  top: 40px;
  right: -20px;
  background: url(/Assets/images/partner-application/right_grey_icon.png) no-repeat 0px 0px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item.active img.green {
  display: block;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item.active img.grey {
  display: none;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item.active .des {
  color: #6DAD19;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item.active .arrow {
  background: url(/Assets/images/partner-application/right_green_icon.png) no-repeat 0px 0px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form::-webkit-scrollbar {
  width: 6px;
  height: 9px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form::-webkit-scrollbar-track-piece {
  background-color: #ebebeb;
  -webkit-border-radius: 2px;
}

.sf-com-partner-query-form .be-partner-card .be-partner-form::-webkit-scrollbar-thumb:vertical {
  height: 10px;
  background-color: #6dad19;
  -webkit-border-radius: 2px;
}

.sf-com-partner-query-form form {
  margin-bottom: 30px;
}

.sf-com-partner-query-form form .line {
  height: 2px;
  width: 100%;
  margin: 35px 0 45px;
  background: url(/Assets/images/detail-icons/dashed.png);
}

.sf-com-partner-query-form form .form-title {
  margin: 2.5rem 0;
  border-left: 8px solid #6DAD19;
}

.sf-com-partner-query-form form .form-title h3 {
  padding-left: 20px;
  font-weight: 200;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 0;
}

.sf-com-partner-query-form form .form-title.blue {
  border-left: 8px solid #669acc;
}

.sf-com-partner-query-form form .form-group {
  margin: 0 0 1rem 0;
  display: inline-block;
  vertical-align: top;
}

.sf-com-partner-query-form form .form-group .form-control {
  height: calc(2.75rem + 2px);
  font-size: 1rem;
  padding: 0.275rem 1.5rem;
  border-radius: 0rem;
}

.sf-com-partner-query-form form .form-group.radio > .row {
  display: block;
}

.sf-com-partner-query-form form .form-group.radio > .row > label[class^=col-] {
  float: left;
  height: 3em;
}

.sf-com-partner-query-form form .form-group.radio label {
  position: relative;
  margin-right: 7px;
}

.sf-com-partner-query-form form .form-group.radio label input[type="radio"] {
  display: inline-block;
  width: 24px;
  vertical-align: middle;
  margin: 3px 15px 3px 3px;
}

.sf-com-partner-query-form form .form-group.radio label input[type="radio"]:before {
  content: '';
  width: 24px;
  height: 24px;
  border: 1px solid #999999;
  background: #ffffff;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  top: 0;
  left: 0;
  position: absolute;
}

.sf-com-partner-query-form form .form-group.radio label input[type="radio"]:checked:before {
  content: '';
  width: 24px;
  height: 24px;
  border: 6px solid #003466;
  background: #669acc;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  top: 0;
  left: 0;
  position: absolute;
}

.sf-com-partner-query-form form .form-group.radio label input[type="checkbox"] {
  display: inline-block;
  vertical-align: center;
  margin: 8px 10px 8px 5px;
}

.sf-com-partner-query-form form .form-group.radio label input[type="checkbox"]:before {
  content: '';
  width: 24px;
  height: 24px;
  border: 1px solid #999999;
  background: #ffffff;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  top: 3px;
  left: 0;
  position: absolute;
}

.sf-com-partner-query-form form .form-group.radio label input[type="checkbox"]:checked:before {
  content: '';
  width: 24px;
  height: 24px;
  border: 6px solid #003466;
  background: #669acc;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  top: 4px;
  left: 0;
  position: absolute;
}

.sf-com-partner-query-form form .form-group .switch-title {
  position: relative;
  margin-right: 20px;
  padding: 0;
}

.sf-com-partner-query-form form .form-group .switch-title input[type="checkbox"] {
  display: inline-block;
  vertical-align: center;
  margin: 8px 15px 8px 4px;
}

.sf-com-partner-query-form form .form-group .switch-title input[type="checkbox"]:before {
  content: '';
  width: 20px;
  height: 20px;
  border: 1px solid #666666;
  background: #ffffff;
  display: inline-block;
  border-radius: 2px;
  vertical-align: middle;
  top: 5px;
  left: 0;
  position: absolute;
}

.sf-com-partner-query-form form .form-group .switch-title input[type="checkbox"]:checked:before {
  content: '√';
  font-size: 13px;
  font-weight: 600;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #666666;
  background: #FFFFFF;
  display: inline-block;
  border-radius: 2px;
  vertical-align: middle;
  top: 5px;
  left: 0;
  position: absolute;
}

.sf-com-partner-query-form form .form-group .upload-pics {
  display: block;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.sf-com-partner-query-form form .form-group .upload-pics label {
  white-space: nowrap;
}

.sf-com-partner-query-form form .form-group .upload-pics input[type="file"] {
  display: block;
  width: 100%;
  height: 240px;
  background: red;
  opacity: 0;
  position: relative;
  z-index: 9;
}

.sf-com-partner-query-form form .form-group .upload-pics .upload-mask {
  width: 100%;
  height: 240px;
  position: absolute;
  top: 35px;
  left: 0;
  text-align: center;
  background: #eaf1fd;
  background-size: cover;
  background-position: center center;
}

.sf-com-partner-query-form form .form-group .upload-pics .upload-mask img {
  padding: 60px 0 10px 0;
  margin-bottom: 20px;
}

.sf-com-partner-query-form form .form-group .upload-pics .upload-mask p {
  font-size: 20px;
  color: #669acc;
  font-weight: 400;
}

.sf-com-partner-query-form form .form-group textarea.form-control {
  height: auto;
  padding: 24px 1.5rem 24px 1.5rem;
  resize: none;
}

.sf-com-partner-query-form form .form-group select.hide {
  visibility: hidden;
  height: 0;
  padding: 0;
}

.sf-com-partner-query-form form .form-group .select-box {
  padding-right: 0;
  padding-left: 0;
}

.sf-com-partner-query-form form .form-group em.error {
  font-size: 12px;
  font-weight: 200;
  margin: 5px 0 0 0;
  color: red;
}

.sf-com-partner-query-form form .form-group .field-validation-error {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 200;
  margin: 5px 0 0 25%;
  color: red;
}

.sf-com-partner-query-form form .form-group .tips {
  margin-bottom: 0.85rem;
  font-size: 0.8rem;
  color: red;
}

.sf-com-partner-query-form form .form-group .seCode-box .col-md-9 {
  margin-left: -15px;
  margin-right: -15px;
}

.sf-com-partner-query-form form .form-group .seCode-box .col-md-9 .sf-com-security-code .pic-security .input-security input#seCode {
  height: calc(2.75rem + 2px);
  font-size: 1rem;
  padding: 0.275rem 1.5rem;
  border-radius: 0rem;
  border: 1px solid #ced4da;
}

.sf-com-partner-query-form form .form-group .seCode-box .col-md-9 .sf-com-security-code .pic-security .pic {
  height: calc(2.75rem - 2px);
}

.sf-com-partner-query-form form .form-group .seCode-box .col-md-9 .sf-com-security-code .pic-security img {
  height: calc(2.75rem - 2px);
}

.sf-com-partner-query-form form .form-group.centered {
  margin-top: 1rem;
  text-align: center;
}

.sf-com-partner-query-form form .form-group.centered .switch-title {
  padding-left: 0;
}

.sf-com-partner-query-form form .form-group.necessary label.col-md-3::before {
  margin-bottom: 0.85rem;
  font-size: 1rem;
  color: red;
  content: "*";
}

.sf-com-partner-query-form form span.necessary {
  margin-bottom: 0.85rem;
  font-size: 1rem;
  color: red;
  content: "*";
}

.sf-com-partner-query-form form label.necessary::before {
  margin-bottom: 0.85rem;
  font-size: 1rem;
  color: red;
  content: "*";
}

.sf-com-partner-query-form form input.btn.btn-primary {
  padding: 18px;
  display: block;
  width: 200px;
  margin: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #6DAD19;
  color: white;
  font-size: 0.8em;
  border-radius: 0rem;
}

.sf-com-partner-query-form form input.btn.btn-primary:hover, .sf-com-partner-query-form form input.btn.btn-primary:focus, .sf-com-partner-query-form form input.btn.btn-primary:active {
  border: 1px solid #6DAD19;
  color: #6DAD19;
  background-color: white;
}

.sf-com-partner-query-form form input.btn.btn-primary.reset {
  background-color: #c0c0c0;
  color: #000000;
}

.sf-com-partner-query-form form input.btn.btn-primary.reset:hover, .sf-com-partner-query-form form input.btn.btn-primary.reset:focus, .sf-com-partner-query-form form input.btn.btn-primary.reset:active {
  background-color: white;
  border: 1px solid #c0c0c0;
}

.sf-com-partner-query-form .applied-successfully {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}

.sf-com-partner-query-form .applied-successfully .applied-icon .text-icon {
  border: 2px solid rgba(109, 173, 25, 0.5);
  background-color: rgba(11, 223, 11, 0.03);
  box-shadow: 0 3px 8px 0 rgba(29, 132, 29, 0.2);
  font-size: 48px;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-partner-query-form .applied-successfully .applied-icon .text-icon .ti::before {
  color: #6DAD19;
}

.sf-com-partner-query-form .applied-successfully .applied-content .applied-title {
  color: #000000;
  font-size: 24px;
  font-weight: 400;
  padding: 15px 30px;
  text-align: center;
  margin: 1.5em 0 0.5em 0;
}

.sf-com-partner-query-form .applied-successfully .applied-content .applied-text {
  color: #999999;
  font-size: 14px;
  text-align: center;
}

.sf-com-partner-query-form .validation-summary-errors {
  color: #dd2c00;
  display: none;
  margin: 40px 0;
}

.sf-com-partner-query-form .validation-summary-errors ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-partner-query-form .validation-summary-errors ul li {
  border-left: 8px solid #dd2c00;
  background-color: rgba(255, 54, 54, 0.1);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px;
  padding: 10px 20px;
}

.sf-validate-failed .applied-successfully {
  display: none;
}

.sf-validate-failed .validation-summary-errors {
  display: block;
}

form .field-validation-error,
form .field-validation-valid {
  color: #DD2C00 !important;
  display: block !important;
  font-size: 0.8em !important;
  width: 100% !important;
  text-align: right !important;
  margin-left: 0 !important;
}

form .switch-title + .field-validation-error,
form .switch-title + .field-validation-valid {
  text-align-last: left;
}

@media screen and (max-width: 1024px) {
  .sf-com-partner-query-form {
    padding: 0;
    width: 100%;
    overflow: hidden;
  }
  .sf-com-partner-query-form .be-partner-card {
    height: auto;
    overflow: unset;
    border: 0 solid #CCCCCC;
  }
  .sf-com-partner-query-form .be-partner-card .row {
    margin-right: 0;
    margin-left: 0;
  }
  .sf-com-partner-query-form .be-partner-card .row .col-md-4 {
    padding-right: 0;
    padding-left: 0;
  }
  .sf-com-partner-query-form .be-partner-card .row .col-md-8, .sf-com-partner-query-form .be-partner-card .row .col-md-3, .sf-com-partner-query-form .be-partner-card .row .col-md-6 {
    padding-right: 0;
    padding-left: 0;
  }
  .sf-com-partner-query-form .be-partner-card .be-partner-title .sf-com-motional-image .image-replacer {
    background-position: center 75%;
  }
  .sf-com-partner-query-form .be-partner-card .be-partner-title .sf-title-block {
    padding: 20px 0;
    margin: 20px 10%;
  }
  .sf-com-partner-query-form .be-partner-card .be-partner-form {
    height: auto;
    overflow-y: unset;
    padding: 15px;
    margin: 0;
  }
  .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress {
    margin: 0;
  }
  .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item {
    text-align: center;
    position: relative;
  }
  .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item img {
    width: 50px;
    height: 50px;
    margin: 15px auto;
  }
  .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item .des {
    font-size: 16px;
  }
  .sf-com-partner-query-form .be-partner-card .be-partner-form .be-partner-progress .progress-item .arrow {
    top: 18px;
  }
  .sf-com-partner-query-form form {
    margin: 0 auto 30px;
  }
  .sf-com-partner-query-form form .form-title {
    margin: 30px 0px;
    padding-left: 10px;
    border-left: unset;
  }
  .sf-com-partner-query-form form .form-title h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
    padding-left: 15px;
    border-left: 6px solid #6DAD19;
  }
  .sf-com-partner-query-form form .form-group.radio > .row > label[class^=col-] {
    height: auto;
  }
  .sf-com-partner-query-form form .form-group textarea.form-control {
    height: 105px;
    padding: 12px 1.5rem 10px 1.5rem;
    resize: none;
  }
  .sf-com-partner-query-form form .form-group .seCode-box .col-md-9 .row .col-12 {
    padding-right: 0;
    padding-left: 0;
  }
  .sf-com-partner-query-form form .form-group .field-validation-error {
    margin-left: 0;
  }
  .sf-com-partner-query-form form .form-group .select-box {
    padding-right: 0;
    padding-left: 0;
  }
  .sf-com-partner-query-form form .form-group .select-box .col-md-6 {
    padding-left: 10px;
  }
  .sf-com-partner-query-form form .form-group .select-box .col-md-6:first-child {
    padding-left: 0;
    padding-right: 10px;
  }
  .sf-com-partner-query-form form .form-group .select-box .col-12 {
    padding-right: 0;
    padding-left: 0;
  }
  .sf-com-partner-query-form form .form-group.centered {
    margin-top: 1rem;
    text-align: center;
  }
  .sf-com-partner-query-form form .form-group.centered .switch-title {
    padding: 0;
    font-size: 0.9rem;
  }
  .sf-com-partner-query-form form input.btn.btn-primary {
    margin-top: 10px;
    width: 94%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-technical-training {
  padding: 90px 0;
}

.sf-com-technical-training .tt-info-card {
  padding: 12%;
  position: relative;
  height: 45vh;
  min-height: 450px;
  margin-bottom: 10px;
  overflow: hidden;
}

.sf-com-technical-training .tt-info-card .tt-info-content {
  position: relative;
  text-align: center;
  color: #FFFFFF;
}

.sf-com-technical-training .tt-info-card .tt-info-content .big-icon {
  margin: 10.5vh auto 0;
  height: 70px;
  width: 70px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

.sf-com-technical-training .tt-info-card .tt-info-content .big-icon img {
  width: 100%;
  height: auto;
}

.sf-com-technical-training .tt-info-card .tt-info-content .unit {
  font-weight: 200;
  font-size: 22px;
  margin: 20px 0;
}

.sf-com-technical-training .tt-info-card .tt-info-content .intro {
  display: none;
  overflow: hidden;
  line-height: 24px;
  font-weight: 200;
  margin-top: 30px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.sf-com-technical-training .tt-info-card .tt-info-content .intro p {
  text-align: left;
}

.sf-com-technical-training .tt-info-card .tt-info-content .links {
  display: none;
  margin: 2vh 0 0 0;
}

.sf-com-technical-training .tt-info-card .tt-info-content .links .link {
  text-decoration: none;
}

.sf-com-technical-training .tt-info-card .tt-info-content .links .link .icon {
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  font-size: 1.6em;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #6DAD19;
  color: #FFFFFF;
  border: 2px solid #6DAD19;
  transition: all linear 0.3s;
}

.sf-com-technical-training .tt-info-card:hover, .sf-com-technical-training .tt-info-card:focus, .sf-com-technical-training .tt-info-card:active {
  padding: 5vh 12%;
  background: #003466;
}

.sf-com-technical-training .tt-info-card:hover .sf-com-motional-image.effect-background, .sf-com-technical-training .tt-info-card:focus .sf-com-motional-image.effect-background, .sf-com-technical-training .tt-info-card:active .sf-com-motional-image.effect-background {
  display: none;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content, .sf-com-technical-training .tt-info-card:focus .tt-info-content, .sf-com-technical-training .tt-info-card:active .tt-info-content {
  position: relative;
  text-align: center;
  color: #FFFFFF;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .big-icon, .sf-com-technical-training .tt-info-card:focus .tt-info-content .big-icon, .sf-com-technical-training .tt-info-card:active .tt-info-content .big-icon {
  height: 0;
  margin-top: 0;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .big-icon img, .sf-com-technical-training .tt-info-card:focus .tt-info-content .big-icon img, .sf-com-technical-training .tt-info-card:active .tt-info-content .big-icon img {
  height: 0;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .unit, .sf-com-technical-training .tt-info-card:focus .tt-info-content .unit, .sf-com-technical-training .tt-info-card:active .tt-info-content .unit {
  text-align: left;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .intro, .sf-com-technical-training .tt-info-card:focus .tt-info-content .intro, .sf-com-technical-training .tt-info-card:active .tt-info-content .intro {
  display: block;
}

.sf-com-technical-training .tt-info-card:hover .tt-info-content .links, .sf-com-technical-training .tt-info-card:focus .tt-info-content .links, .sf-com-technical-training .tt-info-card:active .tt-info-content .links {
  display: block;
}

@media screen and (max-width: 1024px) {
  .sf-com-technical-training {
    padding: 20px;
  }
  .sf-com-technical-training .tt-info-card {
    min-height: 350px;
    padding: 20px 12%;
  }
  .sf-com-technical-training .tt-info-card .tt-info-content .big-icon {
    height: 50px;
    width: 50px;
    margin: 20px auto 0;
  }
  .sf-com-technical-training .tt-info-card .tt-info-content .links {
    display: block;
    margin: 1vh 0 0 0;
  }
  .sf-com-technical-training .tt-info-card .tt-info-content .links .link .icon {
    font-size: 1em;
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
  .sf-com-technical-training .tt-info-card .tt-info-content .intro {
    height: 50px;
    -webkit-line-clamp: 2;
    margin-top: 1vh;
  }
  .sf-com-technical-training .tt-info-card:hover, .sf-com-technical-training .tt-info-card:focus, .sf-com-technical-training .tt-info-card:active {
    padding: 20px 12%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-latest-magazine {
  padding: 90px 0;
  background: #eff2f7;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card {
  background: #669acc;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 40px 50px;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-icon img {
  display: block;
  height: 400px;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content {
  font-weight: 200;
  padding-left: 50px;
  min-width: 70%;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-heading {
  margin: 20px 0 40px;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-heading .title {
  font-weight: 400;
  color: #FFFFFF;
  font-size: 40px;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-body {
  font-size: 20px;
  line-height: 1.7;
  margin: 20px 0;
}

.sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-body p {
  font-weight: 200;
  color: #FFFFFF;
  margin-bottom: 1em;
}

@media screen and (max-width: 1024px) {
  .sf-com-latest-magazine {
    padding: 40px 0 40px 0;
  }
  .sf-com-latest-magazine .sf-container .content .lm-content-card {
    padding: 30px 20px;
    display: block;
  }
  .sf-com-latest-magazine .sf-container .content .lm-content-card .card-icon {
    width: 100%;
  }
  .sf-com-latest-magazine .sf-container .content .lm-content-card .card-icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content {
    padding: 30px 0;
    width: 100%;
  }
  .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-heading {
    margin: 10px 0;
  }
  .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-heading .title {
    font-size: 20px;
  }
  .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-body {
    font-size: 14px;
    margin: 10px 0;
  }
  .sf-com-latest-magazine .sf-container .content .lm-content-card .card-content .card-body p {
    line-height: 1.6;
    margin-bottom: 20px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-magazine-archive {
  padding: 90px 0;
  background: #eff2f7;
}

.sf-com-magazine-archive .link.view-more {
  font-size: 20px;
  margin: 20px 0;
  text-decoration: none;
  color: #669acc;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 20;
  transition: right ease-out 0.2s;
  transition-delay: 0.15s;
  font-weight: 400;
}

.sf-com-magazine-archive .link.view-more:hover, .sf-com-magazine-archive .link.view-more:focus, .sf-com-magazine-archive .link.view-more:active {
  color: #6DAD19;
}

.sf-com-magazine-archive .link.view-more .icon {
  border: 2px solid #669acc;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  margin-left: 1em;
  transition: all linear 0.15s;
}

.sf-com-magazine-archive .link.view-more .icon .ti-plus:before {
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .sf-com-magazine-archive {
    padding: 20px;
  }
  .sf-com-magazine-archive .link.view-more {
    font-size: 14px;
    margin: 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-magazine-search-box {
  background-color: #eaf1fc;
  padding: 120px 20px 90px;
}

.sf-com-magazine-search-box .content .search-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  margin-bottom: 20px;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.sf-com-magazine-search-box .content .search-box .form-control {
  border-radius: 8px 0 0 8px;
  border-right: none;
  height: auto;
  line-height: 2.5;
  z-index: 6;
}

.sf-com-magazine-search-box .content .search-box .form-control:focus {
  outline: none;
  box-shadow: none;
}

.sf-com-magazine-search-box .content .search-box .form-control:focus + .input-group-append .search-button {
  border-color: #80bdff;
}

.sf-com-magazine-search-box .content .search-box .search-button {
  border: 1px solid #D9D9D9;
  border-left: none;
  border-radius: 0 8px 8px 0;
  background-color: #FFFFFF;
  width: 3em;
  transition: all linear 0.3s;
  z-index: 6;
}

.sf-com-magazine-search-box .content .search-box .search-button span {
  font-size: 1.3em;
}

.sf-com-magazine-search-box .content .search-box .search-button:hover, .sf-com-magazine-search-box .content .search-box .search-button:active {
  color: #6DAD19;
}

.sf-com-magazine-search-box .content .search-suggest {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.sf-com-magazine-search-box .content .search-suggest .link {
  display: block;
  color: #669acc;
  font-size: 22px;
  font-weight: 200;
  padding: 0 10px;
  position: relative;
  z-index: 6;
}

.sf-com-magazine-search-box .content .search-suggest .link::after {
  background-color: #669acc;
  content: " ";
  display: block;
  height: 0.8em;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4em;
}

.sf-com-magazine-search-box .content .search-suggest .link:last-child::after {
  display: none;
}

.search-box-filter-toggle {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-magazine-search-box {
    padding: 45px  20px 30px;
  }
  .sf-com-magazine-search-box .content .search-box .form-control {
    border-radius: 4px 0 0 4px;
  }
  .sf-com-magazine-search-box .content .search-box .search-button {
    border-color: #669ACC;
    background-color: #669ACC;
    border-radius: 0 4px 4px 0;
    color: #FFFFFF;
  }
  .sf-com-magazine-search-box .content .search-suggest {
    overflow: hidden;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .sf-com-magazine-search-box .content .search-suggest .link {
    font-size: 14px;
    white-space: nowrap;
  }
  .search-box-filter-toggle {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ced4da;
    margin-right: 15px;
  }
  .search-box-filter-content .com-heading {
    background-color: #f0f0f0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }
  .search-box-filter-content .com-heading .title {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
  }
  .search-box-filter-content .com-heading .close {
    font-size: 14px;
    height: 2.5em;
    line-height: 2.5em;
    padding-right: 4em;
  }
  .search-box-filter-content .com-heading .close:hover em, .search-box-filter-content .com-heading .close:focus em, .search-box-filter-content .com-heading .close:active em {
    transform: scale(0.4);
  }
  .search-box-filter-content .com-body {
    padding: 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-magazine-recommend {
  padding: 90px 0;
  background: #eff2f7;
}

@media screen and (max-width: 1024px) {
  .sf-com-magazine-recommend {
    padding: 20px;
  }
  .sf-com-magazine-recommend .sf-com-cbc-card {
    margin-bottom: 15px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-magazine-article-list .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 {
  border-top: 0px solid transparent;
}

.sf-com-magazine-article-list .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-body {
  max-height: 2000px;
}

.sf-com-magazine-article-list .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-heading .toggle {
  display: none;
}

.sf-com-magazine-article-list .sf-com-magazine-list-result .sf-com-cbc-card {
  margin-bottom: 20px;
}

.sf-com-magazine-article-list .sf-com-magazine-list-result .sf-com-cbc-card .cbc-content .cbc-img .tags {
  font-size: 18px;
  left: 10px;
  top: 10px;
  bottom: auto;
  right: auto;
}

.sf-com-magazine-article-list .sf-com-magazine-list-result .sf-com-cbc-card .cbc-content .cbc-info {
  padding: 20px;
}

.sf-com-magazine-article-list .sf-com-magazine-list-result .sf-com-cbc-card .cbc-content .cbc-info .intro {
  color: #666666;
  height: 3.6em;
  margin-top: 5px;
}

.sf-com-magazine-article-list .share-magazine .share-container {
  text-align: center;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E2E2E2;
  color: #454545;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  padding: 0 1em;
  font-weight: 200;
  line-height: 3;
  margin: 0;
  position: relative;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-btn {
  color: #454545;
  display: inline-block;
  background: url(/Assets/images/magazine/MagazineSingle_icon_1.png) no-repeat 0px 17px;
  padding-left: 27px;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box {
  top: unset;
  bottom: 55px;
  background: #FFFFFF;
  position: absolute;
  border-radius: 0px;
  padding: 2px 1px 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  z-index: 9;
  left: calc(50% - 110px);
  min-width: 170px;
  max-width: 220px;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box .sf-com-teaser-social-share {
  background-color: #FFFFFF;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box .sf-com-teaser-social-share .sf-com-social-icons {
  max-width: 100%;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box::before, .sf-com-magazine-article-list .share-magazine .share-container .share-box::after {
  content: "";
  position: absolute;
  margin-left: 0px;
  width: 0;
  border-top: 8px solid rgba(0, 0, 0, 0.1);
  border-bottom: unset;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  left: 45%;
  top: unset;
  bottom: -9px;
}

.sf-com-magazine-article-list .share-magazine .share-container .share-box::after {
  border-top: 12px solid #ffffff;
  border-bottom: unset;
  bottom: -8px;
}

.sf-com-magazine-article-list .share-magazine .share-container:hover .share-btn {
  color: #669acc;
  background: url(/Assets/images/magazine/MagazineSingle_icon_2.png) no-repeat 0px 17px;
}

.sf-com-magazine-article-list .share-magazine .share-container:hover .share-box {
  display: block;
}

.sf-com-magazine-article-list .share-magazine .card-content {
  font-weight: 200;
  list-style-type: none;
  padding: 15px 20px;
  background: #fafafa;
  margin-bottom: 20px;
}

.sf-com-magazine-article-list .share-magazine .card-content .links {
  margin: 10px auto;
  text-align: center;
}

.sf-com-magazine-article-list .share-magazine .card-content .links .sf-cross-btn {
  cursor: pointer;
  background-color: #669ACC;
  display: inline-block;
  font-size: 16px;
  height: 2.8em;
  line-height: 2.8em;
  padding: 0 6em 0 1.2em;
  position: relative;
  z-index: 0;
  text-decoration: none;
  margin-bottom: 10px;
}

.sf-com-magazine-article-list .share-magazine .card-content .links .sf-cross-btn:last-child {
  background: #6dad19;
}

.sf-com-magazine-article-list .share-magazine.mobile-show {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-magazine-article-list .row .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-body {
    max-height: 0;
  }
  .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-heading {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.pc-active .card-heading .toggle {
    display: flex;
  }
  .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.active .card-body {
    max-height: 2000px;
  }
  .sf-com-magazine-article-list .row .col-md-3 .search-box-filter-content .sf-com-news-filter .sf-com-joint-filter.type-2 .filter-card.active .card-heading .toggle {
    display: flex;
  }
  .sf-com-magazine-article-list .row .col-md-3 .share-magazine {
    display: none;
  }
  .sf-com-magazine-article-list .row .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show {
    display: block;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container {
    background: transparent;
    padding: 0;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-btn {
    display: none;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box {
    top: unset;
    bottom: unset;
    background: transparent;
    position: unset;
    min-width: 170px;
    max-width: 100%;
    left: unset;
    box-shadow: unset;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box .share-icons {
    padding-top: 10px;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box .share-icons .share-icons-list {
    background: transparent;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box .share-icons .share-icons-list .list-item a img.grey {
    display: none;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .share-container .share-box .share-icons .share-icons-list .list-item a img.colorful {
    display: block;
  }
  .sf-com-magazine-article-list .row .col-md-9 .share-magazine.mobile-show .card-content {
    padding: 15px 0;
    background: transparent;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-register-form {
  padding: 30px 0 60px;
}

.sf-com-register-form .register-form {
  max-width: 1024px;
  margin: 0 auto;
}

.sf-com-register-form .input-register {
  max-width: 800px;
}

.sf-com-register-form form {
  margin-bottom: 30px;
}

.sf-com-register-form form .line {
  height: 2px;
  width: 100%;
  margin: 35px 0 45px;
  margin: 35px 0 45px;
  background: url(/Assets/images/detail-icons/dashed.png);
}

.sf-com-register-form form .form-title {
  margin: 2.5rem 2.5%;
  border-left: 8px solid #6DAD19;
}

.sf-com-register-form form .form-title h3 {
  padding-left: 20px;
  font-size: 24px;
  line-height: 1.2;
}

.sf-com-register-form form .form-group {
  display: inline-block;
  vertical-align: top;
}

.sf-com-register-form form .form-group label {
  margin-bottom: 0.85rem;
  font-size: 1rem;
}

.sf-com-register-form form .form-group label .necessary {
  color: red;
}

.sf-com-register-form form .form-group .form-control {
  height: calc(3.25rem + 2px);
  font-size: 1rem;
  padding: 0.275rem 1.5rem;
  border-radius: 0rem;
}

.sf-com-register-form form .form-group textarea.form-control {
  height: auto;
  padding: 24px 1.5rem 24px 1.5rem;
  resize: none;
}

.sf-com-register-form form .form-group select.hide {
  visibility: hidden;
  height: 0;
  padding: 0;
}

.sf-com-register-form form .form-group em.error {
  font-size: 12px;
  font-weight: 200;
  margin: 5px 0 0 0;
  color: red;
}

.sf-com-register-form form .form-group .input-tips {
  position: absolute;
  right: -215px;
  top: 30px;
  width: 200px;
  padding: 10px 15px;
  background: #f8f8f8;
  border: 1px solid #f6f6f6;
  font-size: 14px;
  line-height: 24px;
  font-weight: 200;
  border-radius: 5px;
}

.sf-com-register-form form .form-group .input-tips p {
  margin: 6px 0;
}

.sf-com-register-form form .form-group .input-tips:after {
  position: absolute;
  left: 0;
  top: 32%;
  display: table;
  width: 14px;
  height: 10px;
  content: '';
  margin-left: -8px;
  transform: rotate(-45deg);
  z-index: 1;
  bottom: 58px;
  background: linear-gradient(-45deg, transparent 7px, #fafafa 0);
  border-top: 1px solid #f6f6f6;
  border-left: 1px solid #f6f6f6;
}

.sf-com-register-form form .form-group .sf-com-security-code .pic-security .input-security {
  display: inline-block;
  margin: 0 0 1rem 0;
  width: 48%;
}

.sf-com-register-form form .form-group .sf-com-security-code .pic-security .input-security input#seCode {
  height: calc(3.25rem + 2px);
  font-size: 1rem;
  padding: 0.275rem 1.5rem;
  border-radius: 0rem;
  border: 1px solid #ced4da;
}

.sf-com-register-form form .form-group .sf-com-security-code .pic-security .pic {
  height: calc(3.25rem - 2px);
  display: inline-block;
  margin: 0 2.5% 1rem 2.5%;
  width: 35%;
}

.sf-com-register-form form .form-group .sf-com-security-code .pic-security img {
  height: calc(3.25rem - 2px);
}

.sf-com-register-form form .form-group.centered {
  margin-top: 1rem;
  text-align: center;
}

.sf-com-register-form form .form-group.centered .switch-title {
  padding-left: 0;
}

.sf-com-register-form form button.btn.btn-primary {
  padding: 18px;
  display: block;
  width: 200px;
  margin: 20px;
  background-color: white;
  border: 1px solid #669acc;
  color: #669acc;
  font-size: 0.8em;
  border-radius: 0rem;
}

.sf-com-register-form form button.btn.btn-primary:hover, .sf-com-register-form form button.btn.btn-primary:focus, .sf-com-register-form form button.btn.btn-primary:active {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #669acc;
  color: white;
}

.sf-com-register-form .explain {
  text-align: center;
  font-size: 0.9rem;
}

.sf-com-register-form .explain a {
  text-decoration: underline;
}

@media screen and (max-width: 1024px) {
  .sf-com-register-form {
    padding: 10px 20px 30px;
  }
  .sf-com-register-form form {
    margin: 0 auto 30px;
  }
  .sf-com-register-form form .line {
    display: none;
  }
  .sf-com-register-form form .form-title {
    margin: 30px 2.5%;
  }
  .sf-com-register-form form .form-title h3 {
    font-size: 24px;
    line-height: 24px;
  }
  .sf-com-register-form form .form-group {
    margin: 0 0 15px 0;
  }
  .sf-com-register-form form .form-group .sf-com-security-code .pic-security .input-security {
    width: 100%;
    margin-bottom: 20px;
  }
  .sf-com-register-form form .form-group .sf-com-security-code .pic-security .pic {
    margin: 0;
    width: 60%;
  }
  .sf-com-register-form form .form-group .input-tips {
    display: none;
  }
  .sf-com-register-form form .form-group textarea.form-control {
    height: 105px;
    padding: 12px 1.5rem 10px 1.5rem;
    resize: none;
  }
  .sf-com-register-form form .form-group.centered {
    margin-top: 1rem;
    text-align: center;
  }
  .sf-com-register-form form .form-group.centered .switch-title {
    padding: 0;
    font-size: 0.9rem;
  }
  .sf-com-register-form form .form-group.mobile-flex {
    display: flex;
  }
  .sf-com-register-form form .form-group.mobile-flex .switch-title {
    padding: 0;
  }
  .sf-com-register-form form button.btn.btn-primary {
    margin: 10px auto;
    width: 94%;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-register-success {
  padding: 120px 0 60px;
}

.sf-com-register-success .rs-content {
  text-align: center;
}

.sf-com-register-success .rs-content .rs-icon {
  margin: 0 auto;
}

.sf-com-register-success .rs-content button.btn.btn-primary {
  margin: 60px auto 30px;
  padding: 18px;
  display: block;
  width: 220px;
  background-color: white;
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  font-size: 0.8em;
  border-radius: 0rem;
}

.sf-com-register-success .rs-content button.btn.btn-primary:hover, .sf-com-register-success .rs-content button.btn.btn-primary:focus, .sf-com-register-success .rs-content button.btn.btn-primary:active {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #CCCCCC;
  color: white;
}

@media screen and (max-width: 1024px) {
  .sf-com-register-success {
    padding: 90px 0 30px;
  }
  .sf-com-register-success .rs-content {
    text-align: center;
  }
  .sf-com-register-success .rs-content .rs-icon {
    margin: 20px auto;
    width: 80px;
    height: 80px;
  }
  .sf-com-register-success .rs-content button.btn.btn-primary {
    margin: 60px auto 30px;
    padding: 14px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-guest-card {
  background-color: #FFFFFF;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  color: #454545;
  display: block;
  text-decoration: none;
  max-width: 465px;
  margin: 0 auto;
}

.sf-com-guest-card .content {
  position: relative;
  height: 65vh;
  min-height: 560px;
  padding-bottom: 158px;
}

.sf-com-guest-card .content .cd-image {
  width: 100%;
  height: 100%;
}

.sf-com-guest-card .content .cd-image .sf-com-motional-image .image-replacer {
  background-position: top left;
}

.sf-com-guest-card .content a.cd-bottom {
  text-decoration: none;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 25px 40px 30px;
  text-align: left;
  display: block;
  width: 100%;
  z-index: 6;
  background: #003466;
  min-height: 158px;
}

.sf-com-guest-card .content a.cd-bottom .title {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 10px;
}

.sf-com-guest-card .content a.cd-bottom .detail {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 200;
  line-height: 28px;
}

.sf-com-guest-card:hover, .sf-com-guest-card:focus, .sf-com-guest-card:active {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  color: #454545;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-guest-card .content {
    padding-bottom: 118px;
  }
  .sf-com-guest-card .content a.cd-bottom {
    padding: 20px 40px 25px;
    min-height: 118px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-banner-type-3 .bt-container {
  position: relative;
  height: 350px;
}

.sf-com-banner-type-3 .bt-container .bt-title {
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(50% - 55px);
  z-index: 12;
}

.sf-com-banner-type-3 .bt-container .bt-title .title {
  text-align: left;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #FFFFFF;
}

.sf-com-banner-type-3 .bt-container .bt-title .metas {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sf-com-banner-type-3 .bt-container .bt-title .metas .meta-item {
  color: #FFFFFF;
  display: block;
  margin-right: 30px;
}

.sf-com-banner-type-3 .bt-container .bt-title .metas .meta-item:last-child {
  margin-right: 0;
}

.sf-com-banner-type-3 .bt-container .bt-title .metas .meta-item .icon {
  color: #FFFFFF;
  margin-right: 10px;
  font-weight: 600;
}

.sf-com-banner-type-3 .bt-container .sf-com-motional-image {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .sf-com-banner-type-3 .bt-container {
    height: 350px;
  }
  .sf-com-banner-type-3 .bt-container .bt-title {
    padding: 0 10%;
    top: calc(50% - 120px);
  }
  .sf-com-banner-type-3 .bt-container .bt-title .title {
    font-size: 30px;
    margin-bottom: 60px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-magazine-detail-right-card {
  padding: 20px;
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  z-index: 2;
  margin-bottom: 20px;
}

.sf-com-magazine-detail-right-card .img {
  width: 100%;
  border: 1px solid #dddddd;
  margin: 0 auto 10px auto;
}

.sf-com-magazine-detail-right-card .title {
  color: #000000;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 10px auto;
}

.sf-com-magazine-detail-right-card .detail {
  color: #000000;
}

.sf-com-magazine-detail-right-card .detail .desc {
  text-align: left;
  margin-bottom: 20px;
}

.sf-com-magazine-detail-right-card .detail .links {
  text-align: center;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn {
  margin: 10px 5px 0 5px;
  height: 2.8em;
  line-height: 2.8em;
  padding: 0 4.8em 0 1.5em;
  border: 1px solid rgba(0, 0, 0, 0);
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn em {
  width: 3em;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:last-child {
  background: #6dad19;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus {
  border: 1px solid #669ACC;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover span, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active span, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus span {
  color: #669ACC;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover em, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active em, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus em {
  background: #669ACC;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover:last-child, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active:last-child, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus:last-child {
  border: 1px solid #6dad19;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover:last-child span, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active:last-child span, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus:last-child span {
  color: #6dad19;
}

.sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:hover:last-child em, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:active:last-child em, .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn:focus:last-child em {
  background: #6dad19;
}

@media screen and (max-width: 1024px) {
  .sf-com-magazine-detail-right-card {
    margin: 0 auto 10px;
    padding: 20px 8%;
  }
  .sf-com-magazine-detail-right-card .title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .sf-com-magazine-detail-right-card .detail .desc {
    font-size: 14px;
  }
  .sf-com-magazine-detail-right-card .detail .links {
    text-align: center;
  }
  .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn {
    margin: 5px 5px 0;
    font-size: 14px;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 4em 0 0.8em;
  }
  .sf-com-magazine-detail-right-card .detail .links .sf-cross-btn em {
    width: 1.8em;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-topic-center-share .content {
  border-top: 1px solid #dddddd;
  padding: 20px 0;
  position: relative;
}

.sf-com-topic-center-share .content .share-icons {
  display: inline-flex;
  min-width: 50%;
}

.sf-com-topic-center-share .content .subscribe {
  color: #CCCCCC;
  font-size: 20px;
  float: right;
  padding: 0 20px;
  clear: both;
}

.sf-com-topic-center-share .content .subscribe img {
  margin-right: 10px;
}

.sf-com-topic-center-share .content .sf-com-teaser-social-share.type-3 .sf-com-social-icons .content {
  border-top: 0px solid #dddddd;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .sf-com-topic-center-share .content {
    border-top: 0 solid #dddddd;
    padding: 20px;
    display: block;
  }
  .sf-com-topic-center-share .content .share-icons {
    padding-bottom: 0px;
    display: block;
    min-width: 100%;
    border-bottom: 1px solid #ddd;
  }
  .sf-com-topic-center-share .content .share-icons .share-icons-list {
    padding-bottom: 0;
  }
  .sf-com-topic-center-share .content .subscribe {
    display: block;
    float: unset;
    padding: 20px 0;
    text-align: center;
  }
  .sf-com-topic-center-share .content .sf-com-teaser-social-share.type-3 .sf-com-social-icons .content .icon-list {
    margin: 20px auto 0;
  }
  .sf-com-topic-center-share .content .sf-com-teaser-social-share.type-3 .sf-com-social-icons .content .icon-list .list-item {
    margin-bottom: 10px;
    width: unset;
    text-align: center;
  }
  .sf-com-topic-center-share .content .sf-com-teaser-social-share.type-3 .sf-com-social-icons .content .icon-list .list-item .link {
    height: 5em;
    width: 5em;
    padding: 8px;
    margin: 0 auto;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-topic-detail-solution {
  padding: 0;
}

.sf-com-topic-detail-solution .content {
  z-index: 10;
  position: relative;
}

.sf-com-topic-detail-solution .content .sf-com-slick-tabs .tab-tabs .tab {
  width: 33.3%;
}

.sf-com-topic-detail-solution .content .sf-com-slick-tabs .tab-tabs .tab .link {
  padding: 25px 0;
  width: 100%;
}

.sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 {
  background: rgba(255, 255, 255, 0);
}

.sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .sf-com-motional-image {
  width: 33%;
}

.sf-com-topic-detail-solution .content .sf-com-card-basic.type-3:hover, .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3:focus, .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3:active {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0);
  color: #454545;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-topic-detail-solution {
    padding: 20px;
  }
  .sf-com-topic-detail-solution .content .sf-com-slick-tabs .tab-tabs .tab {
    width: 100%;
  }
  .sf-com-topic-detail-solution .content .sf-com-slick-tabs .tab-tabs .tab .link {
    padding: 0;
  }
  .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 {
    background: rgba(255, 255, 255, 0);
    margin-top: 20px;
  }
  .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content {
    display: block;
  }
  .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .sf-com-motional-image {
    width: 100%;
    height: 230px;
  }
  .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .basic-card {
    padding: 20px 0 0;
    width: 100%;
  }
  .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .basic-card .card-body, .sf-com-topic-detail-solution .content .sf-com-card-basic.type-3 .content .basic-card .card-footer {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-floating-infos {
  background-color: RGBA(255, 255, 255, 0.9);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 300px;
  left: 50px;
  z-index: 200;
  width: 350px;
}

.sf-com-floating-infos > .content {
  background-color: #FFFFFF;
  padding: 10px 5px;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-card-event-list {
  font-size: 14px;
  margin-bottom: 10px;
}

.sf-com-card-event-list .content .card-heading .title, .sf-com-card-event-list .content .card-heading h1, .sf-com-card-event-list .content .card-heading h2, .sf-com-card-event-list .content .card-heading h3, .sf-com-card-event-list .content .card-heading h4, .sf-com-card-event-list .content .card-heading h5, .sf-com-card-event-list .content .card-heading h6 {
  font-size: 1.2em;
}

.sf-com-card-event-list .content .card-body ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-card-event-list .content .card-body ol li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 5px 0;
}

.sf-com-card-event-list .content .card-body ol li:last-child {
  border-bottom: none;
}

.sf-com-card-event-list .content .card-body .event-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: #454545;
}

.sf-com-card-event-list .content .card-body .event-item:hover, .sf-com-card-event-list .content .card-body .event-item:focus, .sf-com-card-event-list .content .card-body .event-item:active {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
}

.sf-com-card-event-list .content .card-body .event-item .date {
  font-size: 1.1em;
  background-color: #6DAD19;
  color: #FFFFFF;
  text-align: center;
  width: 60px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: auto;
}

.sf-com-card-event-list .content .card-body .event-item .date .dm {
  font-weight: 600;
}

.sf-com-card-event-list .content .card-body .event-item .date .year {
  background-color: rgba(255, 255, 255, 0.9);
  color: #6DAD19;
}

.sf-com-card-event-list .content .card-body .event-item .intro {
  padding: 0 10px;
}

.sf-com-card-event-list .content .card-body .event-item .intro .title, .sf-com-card-event-list .content .card-body .event-item .intro h1, .sf-com-card-event-list .content .card-body .event-item .intro h2, .sf-com-card-event-list .content .card-body .event-item .intro h3, .sf-com-card-event-list .content .card-body .event-item .intro h4, .sf-com-card-event-list .content .card-body .event-item .intro h5, .sf-com-card-event-list .content .card-body .event-item .intro h6 {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-youtube-video {
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 200;
}

.sf-com-youtube-video .content {
  position: relative;
  padding-top: 30px;
  width: 75%;
}

.sf-com-youtube-video .content .close {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  font-size: 30px;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.2);
  text-decoration: none;
}

.sf-com-youtube-video .content .close:hover, .sf-com-youtube-video .content .close:focus, .sf-com-youtube-video .content .close:active {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}

.sf-com-youtube-video .content iframe {
  width: 100%;
  height: 450px;
}

@media screen and (max-width: 1024px) {
  .sf-com-youtube-video .content {
    width: 100%;
  }
  .sf-com-youtube-video .content iframe {
    height: 230px;
  }
}

.sf-com-error-code {
  margin: 20vh auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.sf-com-error-code .content {
  max-width: 460px;
  padding: 0 20px;
}

.sf-com-error-code .content .error-title,
.sf-com-error-code .content .error-info {
  width: 100%;
}

.sf-com-error-code .content .error-title {
  font-size: 2em;
  font-weight: 400;
  text-align-last: left;
  margin-top: 1em;
}

.sf-com-error-code .content .error-info {
  margin-top: 0.5em;
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-float-contact {
  font-weight: 200;
  font-size: 14px;
  position: fixed;
  bottom: 0;
  right: 15px;
  z-index: 100;
  background-color: #FFFFFF;
  width: 160px;
}

.sf-com-float-contact .contact-title {
  background-color: #6DAD19;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 50px;
}

.sf-com-float-contact .contact-title .on, .sf-com-float-contact .contact-title .off {
  font-size: 1.5em;
}

.sf-com-float-contact .contact-title .on, .sf-com-float-contact .contact-title .text {
  display: inline;
}

.sf-com-float-contact .contact-title .off {
  display: none;
}

.sf-com-float-contact .contact-title .text {
  margin-left: 15px;
}

.sf-com-float-contact .contact-title:hover, .sf-com-float-contact .contact-title:focus, .sf-com-float-contact .contact-title:active {
  text-decoration: none;
}

.sf-com-float-contact .contact-body .contact-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sf-com-float-contact .contact-body .contact-list .list-item .link {
  color: #454545;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 0;
  overflow: hidden;
  transition: height linear 0.15s;
}

.sf-com-float-contact .contact-body .contact-list .list-item .link img {
  display: block;
  margin-right: 20px;
  width: 26px;
}

.sf-com-float-contact .contact-body .contact-list .list-item .link:hover, .sf-com-float-contact .contact-body .contact-list .list-item .link:focus, .sf-com-float-contact .contact-body .contact-list .list-item .link:active {
  background-color: #F7F7F7;
  color: #6DAD19;
  text-decoration: none;
}

.sf-com-float-contact.active .contact-title .off {
  display: inline;
}

.sf-com-float-contact.active .contact-title .on, .sf-com-float-contact.active .contact-title .text {
  display: none;
}

.sf-com-float-contact.active .contact-body .contact-list .list-item .link {
  height: 50px;
}

@media screen and (max-width: 1024px) {
  .sf-com-float-contact {
    font-size: 12px;
    right: 0;
    width: 55px;
  }
  .sf-com-float-contact .contact-title {
    height: 55px;
  }
  .sf-com-float-contact .contact-title .on {
    display: inline;
  }
  .sf-com-float-contact .contact-title .text, .sf-com-float-contact .contact-title .off {
    display: none;
  }
  .sf-com-float-contact.active {
    width: 140px;
  }
  .sf-com-float-contact.active .contact-body .contact-list .list-item .link {
    height: 55px;
  }
  .sf-com-float-contact.active .contact-body .contact-list .list-item .link img {
    margin-right: 10px;
    width: 25px;
  }
}

/* Variables */
/* BREAKPOINTS */
/* COLORS */
/* Cascading menu color */
/* FONT SIZES */
/* FLEX */
/* Inherit Style */
/* Clear floats */
.sf-com-footer {
  background-color: #454545;
  font-size: 14px;
}

.sf-com-footer .sf-footer-links {
  font-size: 14px;
  padding: 45px 0 60px 0;
}

.sf-com-footer .sf-footer-links .title {
  color: #C0C0C0;
  font-size: 1em;
  font-weight: 400;
  margin: 0 0 15px 0;
}

.sf-com-footer .sf-footer-links ul {
  list-style-type: none;
  margin: 0;
  padding: 15px 0;
}

.sf-com-footer .sf-footer-links ul li {
  padding: 5px 0;
}

.sf-com-footer .sf-footer-links ul li a {
  color: #C0C0C0;
  font-weight: 400;
  text-decoration: none;
}

.sf-com-footer .sf-footer-links ul li a:hover, .sf-com-footer .sf-footer-links ul li a:focus, .sf-com-footer .sf-footer-links ul li a:active {
  color: #6DAD19;
}

.sf-com-footer .sf-footer-copyright {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 12px;
  margin: 0;
  padding: 25px 0px;
}

.sf-com-footer .sf-footer-copyright .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.sf-com-footer .sf-footer-copyright a, .sf-com-footer .sf-footer-copyright span {
  color: #000000;
  text-decoration: none;
}

.sf-com-footer .sf-footer-copyright img {
  height: 1.6em;
}

.sf-com-footer .sf-footer-copyright .gap {
  margin: 0 10px;
}

.sf-com-footer .sf-footer-copyright .links {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.sf-com-footer .sf-footer-copyright .links .link {
  display: block;
  line-height: 1em;
  padding: 0 5px;
  position: relative;
}

.sf-com-footer .sf-footer-copyright .links .link::before {
  content: " ";
  display: block;
  height: 0.8em;
  left: 0;
  bottom: 0.1em;
  width: 1px;
  background-color: #888888;
  position: absolute;
}

.sf-com-footer .sf-footer-copyright .links .link:first-child::before {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sf-com-footer .sf-footer-links {
    padding: 0;
  }
  .sf-com-footer .sf-footer-links .title {
    margin-bottom: 0;
  }
  .sf-com-footer .sf-com-accordion-menu {
    padding: 0;
  }
  .sf-com-footer .sf-com-accordion-menu .accordion-header,
  .sf-com-footer .sf-com-accordion-menu .accordion-body {
    padding-left: 30px;
    padding-right: 30px;
  }
  .sf-com-footer .sf-com-accordion-menu .accordion-header:hover, .sf-com-footer .sf-com-accordion-menu .accordion-header:active {
    text-decoration: none;
    background-color: #333333;
  }
  .sf-com-footer .sf-com-accordion-menu .accordion-body {
    background-color: #505050;
  }
  .sf-com-footer .sf-com-accordion-menu .accordion-body ul {
    padding: 0;
  }
  .sf-com-footer .sf-com-accordion-menu .accordion-body ul li {
    padding: 0;
  }
  .sf-com-footer .sf-com-accordion-menu .accordion-body ul li a {
    display: block;
    padding: 0.6em 0;
  }
  .sf-com-footer .sf-footer-copyright .content {
    padding: 0 20px;
  }
  .sf-com-footer .sf-footer-copyright .content .info {
    margin-bottom: 15px;
  }
  .sf-com-footer .sf-footer-copyright .content .links {
    justify-content: flex-start;
  }
  .sf-com-footer .sf-footer-copyright .content .links .link {
    margin: 4px 0;
  }
}

supt {
  color: cWVkZ2UuY24K;
}

.sf-english .sf-com-slider-basic.type-7 {
  padding-top: 0;
}

.sf-english .sf-com-teaser-by-scene.type-2 {
  padding-top: 0;
}

.sf-english .sf-com-teaser-type-50 {
  padding-top: 0;
}

.sf-english .sf-com-carousel-type-23.type-3 {
  padding-top: 0;
}

.sf-english .sf-com-carousel-type-23.type-3 .basic-card .card-body {
  height: 6.8em;
  overflow: hidden;
  margin-bottom: 2em;
}

.sf-english .sf-com-carousel-type-23.type-3 .sf-com-slick-tabs .sf-com-motional-image {
  height: 100%;
}

.sf-english .sf-com-menu {
  font-size: 15px;
}

.sf-english .sf-com-menu .logo {
  margin-right: 10px;
}

.sf-english .sf-com-menu .content .menu-list .list-item {
  margin: 0;
}

.sf-english .sf-com-menu .content .menu-list .list-item .link {
  padding: 0 5px;
}

.sf-english .sf-com-menu .content .menu-list .list-item .link.direct-link {
  padding-right: 2em;
}

/*# sourceMappingURL=sourcemaps/sf.css.map */